IE 6 and 7 list menu “staircase” effect

  • Resolved crankybeardesign

    (@crankybeardesign)


    14 years, 11 months ago

    I’m launching a new version of my own site, and (this is embarrassing because I’m a designer) but I’m having an issue with IE and padding that I can’t figure out. You’ll see it on IE6 and IE7 at http://www.crankybeardesign.com in the menu at the top right.

    IE7 usually renders my designs fine, but both versions are giving me some padding headaches. Anyone have an idea of what’s going on? The stylesheet is here. I usually have an IE conditional stylesheet, and I’ll use one here too, but I couldn’t figure it out after an hour and a half of tweaking so I reverted it to the same code.

    Thanks in advance for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter crankybeardesign

    (@crankybeardesign)

    14 years, 11 months ago

    If anyone else is looking for info on how to solve this, I’ve fixed the stair-stepping by floating the

    • elements instead of the links themselves and by assigning a width to the
    • blocks.

      I was also having a problem with the IE double-margin bug, which apparently isn’t supposed to affect IE7 in non-quirks mode but did for me. The solution was to add “display:inline-block” in the

      and

    • elements.
    Thread Starter crankybeardesign

    (@crankybeardesign)

    14 years, 11 months ago

    Stupid code tags.

    If anyone else is looking for info on how to solve this, I’ve fixed the stair-stepping by floating the <li> elements instead of the links themselves and by assigning a width to the <li> blocks.

    I was also having a problem with the IE double-margin bug, which apparently isn’t supposed to affect IE7 in non-quirks mode but did for me. The solution was to add “display:inline-block” in the <ul> and <li> elements.

    legion-jamie

    (@legion-jamie)

    14 years, 10 months ago

    That’s great feedback thanks. I was having a nightmare of a time trying to get to the bottom of my own stair-stepping menu.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘IE 6 and 7 list menu “staircase” effect’ is closed to new replies.