это ошибка с плавающей точкой в ​​IE7?

Question

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

Может кто-нибудь объяснить, что здесь происходит? по этой ссылке: http://austinmatzko.com/2007/07/25/internet-explorer-7-float-bug/ - я думал, что это имеет смысл. У меня были элементы контейнера с заданной высотой, вызывающие странное плавание. Но после того, как я потратил час на то, чтобы полностью удалить все связанные высоты, у меня все еще есть проблема в IE7 / windows.

Answer 1

Вам необходимо удалить clear:right из .blog-post .post-body, чтобы исправить наложение заголовка с изображением, и удалить zoom:1 из .post-body a, чтобы исправить перенос текста вокруг изображения.

Заголовок также перемещается и очищается правильно, но clear:right на post-body, похоже, заставляет IE очистить все поплавки, даже заголовок.

Кажется, что zoom:1 очищает предполагаемое плавание изображения, давая макет изображения.

Как уже сказал @Webars, эта раскладка чрезмерно плавная и должна быть упрощена и может быть выполнена без необходимости zoom взлома. Однако в то же время специфические стили IE (zoom является одним из них) могут быть добавлены в отдельную таблицу стилей и включены для IE только с использованием Условные комментарии .