开发者

Fluid Design bugs in ie7

I've created a dummy layout for my latest design, but when I resize the window in 开发者_运维技巧ie7 to check that the min-width works, it kicks the content area to below the sidebar, whereas in all other browsers (including ie6) it behaves exactly as it should do.

Demo Link

Can anyone see what the problem is that's causing this random couple extra pixels that kick it off?


Yes, there does seem to be a bug in IE where the min-width elements are getting float-like clearing behaviour.

You can easily avoid it in this case by applying the min-width to the #container instead of both the child elements. (It is in general best to put layout-related min-width fixes on the highest possible parent element.)

(Also, you don't need the float-100%-width rules on the bar/content.)

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜