SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Jun 2010
    Location
    Israel
    Posts
    523
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    menu bar breaks when zooming out

    When i zoom out with my browser (using chrome) the navgiation menu breaks and 1 link is being dropped 1 line.
    Its not a big issue (I suppose?) but just out of curiousty im wondering how such issue can be solved.
    I thought at first to use percentage as width values, but well, it causes much worse issues than what it acutally fixes. (like background color on hover wont affect whole button).

    Just take a look at my site and let me know if its possible fixing such a thing and if i should even worry about it, is there even a reason for people to zoom out a browser?
    http://petpal.co.il/

    Thanks,
    Ulthane

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    There's a neat method that involves unfoating the last list item. You can read about it here:

    http://www.sitepoint.com/forums/show...navigation-bar

    and here

    http://www.sitepoint.com/forums/show...25#post5190725
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Evangelist
    Join Date
    Jun 2010
    Location
    Israel
    Posts
    523
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    thanks ralph, that solved it
    Just added float:none;overflow:hidden to the last li element.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •