Раздражающая ошибка IE6

Question

Читайте о проблеме с z-index и пробовали что-нибудь, но просто не могу это исправить.

Пожалуйста, отметьте это в IE6: http://bit.ly/ld54WO

Я бы очень признателен за любую помощь.

Большое спасибо

Answer 1

Самое очевидное решение - просто удалить position: relative из вашего "НЕ ОК" div.

Но, полагаю, по какой-то причине это не вариант для вас.

Итак, еще одно исправление - удалить position: relative из <header class="cl">.

Я проверил это на вашей реальной странице, используя подлинный IE6.

Для получения дополнительной информации см .: Проблемы с разбиением на слои

Answer 2

См. Вкладку 4 @ http://www.barelyfitz.com/screencast/html-training/css/positioning/

Может быть, это поможет вам достичь этого.

Answer 3

Мое решение сводит к минимуму плавание и позиционирование / z-индексацию. Вопрос, зачем вам нужен красный контейнер, чтобы быть относительным?

Я проявил инициативу в меню с минимальным стилем (также не использовался z-index):

http://jsfiddle.net/CbNr4/1/

Рекомендую, чтобы сайт не выглядел "точно" так же, как для IE6. ты сойдешь с ума.

Надеюсь, что это имеет смысл

Answer 4

Частично проблема может заключаться в том, что вы используете HTML5 (из HTML5 Boilerplate, http://html5boilerplate.com/),, который не поддерживается IE6. Я предполагаю, что если вы измените все недопустимые элементы (nav, header) на допустимые XHTML или HTML4, проблема решится сама собой.