The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Inline Block Menu Woes

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28345

    Hey all, I was hoping someone could point me in the right direction on this.

    Check out:

    In IE, the menu does not follow the inline block – it’s breaking the line after each image. It looks right in Safari, FF, and Chrome but I have tried modifying the crap out of the menu styles and I can’t get the bloody thing to work in IE. I wouldn’t be opposed to making a conditional stylesheet if I could figure out how to keep it from breaking the line after each <li>

    Any ideas or thoughts would be greatly appreciated.

    Thanks in advance!


    IE won’t support inline-block on elements that aren’t natively inline.

    The two easiest ways around this would be either to change display:inline-block; to float:left; – though you may need to tweak the surrounding/containing elements. Or you could use an IE specific stylesheet and instead of display:inline-block, give it display:inline; and zoom:1; (to trigger hasLayout) – this combination gives you the same outcome as display:inline-block)

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.