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

[hankS]

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.

url: http://www.dev.jvsglass.co.uk

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

[Paulie_D]

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?

[hankS]

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.

[CrocoDillon]

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

[Merri]

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 :)

[Author]

Posts