CSS HasLayout IE7 Bug

Question

Прежде всего, я прочитал следующие статьи, просто чтобы разобраться в проблемах, с которыми сталкивался ранее:

Положение Относительное / Абсолютное / Исправлено в IE

http://www.brunildo.org/test/IE_raf3.html

http://www.satzansatz.de/cssd/onhavinglayout.html

Для некоторых людей эти проблемы могут быть новыми, и вышеописанное поможет, однако в моем случае у меня есть следующее во всехбраузеры без IE:

http://cl.ly/4n6F [image]

И следующее в IE7

http://cl.ly/4nYm [image]

Я понимаю, что мне нужно вызвать hasLayout = true на большом коричневом <div id="footer">, потому что это position: relative, который запускает hasLayout = false в IE7.Я пробовал zoom: 1 и display: inline-block, пытаясь вызвать hasLayout на #footer, но безуспешно.

Вот сайт, живой для вашего удовольствия от просмотра: http://hannahnour.co

Причиной исчезновения div является то, что hasLayout в настоящее время false на #footer.

Как я могу вызвать его?!

Answer 1

Это не проблема hasLayout.Вы должны подтвердить свою разметку.Похоже, вы сами закрываете теги, а затем снова добавляете закрывающий тег, что делает IE ошибкой.У вас также есть дополнительный закрывающий тег div, который определенно нарушит ваш макет.

Браузеры, такие как Firefox и Chrome, и достаточно умные, чтобы правильно отображать их, выдают правильный код.

Надеюсь, это поможет!

Answer 2

@ sweetroll правильно, это не имеет ничего общего с hasLayout.

Проблема внутри /wp/wp-content/themes/custom_bellydance_theme/style.css.

У вас есть две строки (в частности, строки 354 и438), которые содержат правило filter:

filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */ 
                      M11=0.9986295347545738, M12=0.05233595624294383, M21=-0.05233595624294383, M22=0.9986295347545738);

Кажется, что любой CSS после любой из этих строк не анализируется IE7.

Если вы удалите обе эти строки,ваш сайт исправлен в IE7.

Я не уверен, что на самом деле проблема с этими строками.Я попытался удалить комментарии /* */ внутри этих строк, но это не имело никакого значения.

Я бы предложил лучший способ продолжить - просто забыть о наличии повернутой даты при наведении курсора на IE6 / 7.Это не так важно, эффект, и это только в двух неважных браузерах.Если это неприемлемо, вы можете задать еще один вопрос, чтобы узнать, знает ли кто-либо еще причину этого (если да, обязательно укажите ссылку на этот вопрос) .

Я рад, что вырешил сделать ссылку на ваш сайт.

В противном случае было бы невозможно , чтобы кто-нибудь мог это выяснить.