Горе CSS в IE6 / 7

Question

Я создал дочернюю тему Wordpress на основе Thematic и сейчас пытаюсь отладить сайт в IE 6/7. Я подозреваю, что проблема в hasLayout, так как это кажется очень распространенным явлением и симптомы совпадают, однако я проверил многие из сломанных элементов и добавил свойства hasLayout к тем, у которых их еще не было, без улучшения.

У меня действительно был установлен z-index в нескольких классах CSS, которые я сейчас удалил, и мне интересно, есть ли у кого-нибудь из вас какие-либо другие предложения относительно других подходов к отладке.

Сайт: http://032b4a6.netsolhost.com/WordPress/

Я написал здесь вместо форума Wordpress, так как считаю, что моя проблема больше связана со стандартной проблемой CSS, чем с чем-то специфичным для WP.

EDIT:

Чтобы подробно описать тип ошибок, с которыми я сталкиваюсь в IE6 / 7:

Заголовок, являющийся якорем с фоновым свойством css, выдвигает окно поиска, вызывая большие пробелы.

Навигация отображается так, как будто у нее есть дополнительные 75px поля под ней, вызывая еще один большой пробел.

Правая боковая панель отсутствует. Его можно найти, едва посмотрев с левой стороны контейнера ниже левой боковой панели.

Похоже, что на левой боковой панели есть дополнительное поле слева на 15 пикселей, что приводит к увеличению основного содержимого.

Answer 1

Добро пожаловать в мир условных комментариев и таблиц стилей IE: http://codex.wordpress.org/Conditional_Comment_CSS Вам нужно настроить CSS для IE и протестировать его с использованием встроенного IE, а не снимков браузера.

Попробуйте вытащить ползунок дляминута, чтобы увидеть, есть ли конфликт CSS.

И у вас есть несколько незначительных html-ошибок, одна из которых связана со встроенной таблицей стилей: [Неверно] Проверка разметки 032b4a6.netsolhost.comWordPress - W3C Markup Validator .Прокрутите вниз в отчете проверки, чтобы увидеть номера строк и исходный код.

Answer 2

Чтобы проверить, является ли проблема с макетом в IE6 / IE7 проблемой, связанной с hasLayout, я иногда нахожу полезным использовать подобное правило для отладки - это, вероятно, не то, что вы хотите использовать в окончательной таблице стилей (так как, вероятно, вводить новые проблемы), но часто это может показать, какие элементы должны быть заданы макета:

* {
    zoom: 1 !important;
}