У меня есть этот макет сайта HTML/CSS здесь, который отлично работает на Firefox/Chrome, но в Internet Explorer, организация страницы ломается; footer div подходит для заголовка). Я пытался отладить его, но не повезло.Internet Explorer 9 - CSS Breaking
Было бы здорово, если бы вы смогли заглянуть в него и дать мне несколько указателей.
https://www.csupomona.edu/~tahoang/tu-template/
Спасибо !!
Я также заметил, в сноске, что вы имеющая куча столбцов, расположенных относительно, в этом нет необходимости. Вы можете удалить это.
У вас есть пара повторяющихся идентификаторов. Я бы начал с их исправления.
Выглядит хорошо для меня в IE 8, IE 9 и Chrome. У вас включен режим совместимости в IE 9?
Как упоминал Тим в этом ответе, вы обычно хотите использовать только один идентификатор на странице. Но вы не ограничены использованием определенного количества классов. Я бы рекомендовал использовать классы в любое время и, при необходимости, использовать идентификатор один раз. –
Попробуйте добавить это к <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
также исправить тот дубликат идентификаторы Тим упоминает, но эта мета-тег зафиксирует все ваши проблемы IE9;)
Хотя IE = Edge - отличный способ удостовериться, что кто-либо, кто имеет Internet Explorer не просматривает веб-сайт в режиме Quirks Mode/Compatibility Mode ... Но это не решит эту проблему независимо от того, ... –
Да, проблема все еще существует :( –
Это москва вероятно, что-то связано с вашими абсолютно позиционируемыми элементами - они больше не расширяют высоту контейнера, поэтому нижний колонтитул заканчивается вверху. Или это могут быть ваши поплавки, которые не очищаются должным образом элементом 'clear' ... –
Выглядит хорошо для меня в IE9 ... – elclanrs
Проблема возникает только в IE7 - можно увидеть в IE9, если включен режим совместимости. –
Нет, это не работает :( –