开发者

is this the IE7 float bug?

开发者 https://www.devze.com 2023-03-30 13:56 出处:网络
http://www.mapleboutique.com/_blog/maple_blog can someone explain what\'s going on here? according to this link: http://austinmatzko.com/2007/07/25/internet-explorer-7-float-bug/ –I thought it made

http://www.mapleboutique.com/_blog/maple_blog

can someone explain what's going on here? according to this link: http://austinmatzko.com/2007/07/25/internet-explorer-7-float-bug/ –I thought it made perfect sense. I had container elements with set heights causing the weird floating. But after spending an hour going through and essential开发者_开发百科ly deleting any associated heights I still have the problem in IE7/windows.


You need to remove clear:right from .blog-post .post-body to fix the heading overlap with the image and remove zoom:1 from .post-body a to fix the text-wrap around the image.

The heading is also floated and cleared right but clear:right on the post-body seems to be causing IE to clear all the floats, even the heading.

The zoom:1 seems to be clearing the image's intended float by giving the image layout.

As @Webars has already said, this layout is overly floaty and should be simplified and could be done without the need for zoom hacks. However in the meantime, the IE specific styles (zoom being one of them) could be added to a seperate stylesheet and included for IE only using Conditional comments.

0

精彩评论

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