Non-floated div drops below right floated div in IE9 (and 7)
Posted
by
PVA
on Stack Overflow
See other posts from Stack Overflow
or by PVA
Published on 2012-06-21T02:08:38Z
Indexed on
2012/06/21
3:16 UTC
Read the original article
Hit count: 103
internet-explorer-7
|internet-explorer-9
This is a responsive site, (http://www.dermatologypartners.com) with desktop styles first. IE8 handles the pages correctly, though without CSS3 flourishes. But IE9 is dropping my navbar (on left) down, when it is up next to the right floated content in all the other browsers.
My navbar is near the end of the HTML because I want it to flow over LAST, below page content but above the footer, in the smartphone version of the site -- which it does.
The nav is NOT floated. It just rises to the top left and content is floated to the right.
Except in IE9.
I don't to have to redo all this, if I can just get an IE9 fix. It's not "float drop" - there's plenty of room available. I'm actually having the same problem in IE7, but I'm not concerned with IE7 -- but why 7 & 9, while 8 is fine?
Thanks!
© Stack Overflow or respective owner