SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE9 menu problem

    Whilst surfing the website http://bit.ly/KxbzXU I noticed that there is a small overlay problem on their homepage when viewed in IE9 .

    As you can see from the below screen grab the “Contact Us” Tab field shifts onto the second layer nav panel.

    How can I fix that?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Different browsers calculate pixels differently. If you reduce the left-right padding on the links a bit, they will all fit on one line. However, if someone has their font size bumped up a bit, you'll find those links start to drop anyhow ... so trying to get them to fit in a tight space like that isn't a good idea.

    The obvious problem with reducing the padding is that the links don't look evenly distributed. There is a nice way around this, consisting of unfloating the last LI and adding overflow: hidden, as mentioned here:

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


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
  •