IE/FF pixel difference - need help with workaround

Discussion in 'CSS' started by grobar, Dec 7, 2006.

0
  1. #1
    I have a menubar made of a <UL>. total width is 950px, and there are 7 items in the menu. if i have 4 spaced at 129px, and 3 spaced at 128px = 950.

    In firefox, this works perfectly, but in IE (6) it knocks the last menu item to the next line. In IE7, i just need to knock off one pixel from one of the items, but in IE6, i need to knock off several. This leaves a gap in firefox on the far right end.

    http://www.robarspages.ca/aphc/index.asp

    Is there a better workaround for this?

    Its the green menubar.
     
    grobar, Dec 7, 2006 IP
  2. phree_radical

    phree_radical Peon

    Messages:
    563
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you comment a style rule, standards-compliant browsers ignore it, while IE6 doesn't. Like this:

    margin-bottom: -1px;
    //margin-bottom: -20px;

    IE will see the second, 20px, rule, but FireFox will not.

    If this causes a problem for IE7, please excuse me, but I'm assuming it won't... :|
     
    phree_radical, Dec 7, 2006 IP