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

Home Forums CSS Arrrggghg….. ie 7 horizontal nav displaying vertically stacked despite hack

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

    Hi, at the end of my rope !

    Doing site currently , all going good, responsive, looking ok.

    But person I’m doing it for uses ie7 ( …no, they really do…seriously ) and for the life of me I cannot get – nav ul li – to go horizontal.

    tried ie 7 (display:inline-block; zoom:1; display:inline;) hack to no avail. I’ve tried floats and hacks on all manner of selectors again nothing.

    Could some very kind person have a look and tell me where I’m going wrong.


    would really really really appreciate it iot’s driving me mad …….!!!!


    The ul doesn’t seem to have a specified width and contains all floats.

    Have you tried setting a width on it or containing the floats somehow?


    Paulie_D you is the man ! Went “code blind” about 2pm today. Thank you very much appreciated. Top man. Setting a width (100%) did it.


    On the page I’m looking at the `li`’s are floats with display: block, and the nav is horizontal. Removing float and making display: inline, still horizontal. What’s the problem exactly?

    EDIT: Nvm, our comments crossed


    hasLayout didn’t trigger for IE7 before, now that the container has 100% width it does have hasLayout. So floats are contained within the container as if a clearfix was used on it :)

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