CSS: мой сайт выглядит точно так же в Firefox / Chrome / Safari - но в IE7 все вышло из строя

Question

На [моем сайте] [1] все выглядит великолепно в Firefox / Chrome / Safari (все то же самое) - но в IE7 все не так.

Любые идеи, как я могу изменить свой CSS, чтобы сделать IE7 хотя бы несколько пригодным для использования?

Answer 1

Я обнаружил, что этот проект в Google Code часто устраняет серьезные проблемы с IE (6/7). Соответствующие части следуют:

Используйте следующий код, чтобы заставить все IE работать как IE9:

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

Используйте следующий код, чтобы все IE работали как IE8:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

---

Кроме того, как указало superUntitled, было бы неплохо убедиться, что ваш код синтаксически допустим. Ваш код представляет собой смесь HTML и XHTML, поэтому я приложил различные проверки правильности, чтобы помочь вам выбрать одну из них:

HTML 4.01 Строгий: 46 ошибок, 30 предупреждений
XHTML 1.0 Strict: 398 ошибок, 183 предупреждения

Похоже, вы начали с XHTML, о чем свидетельствует ваша ссылка на DTD XHTML, но ваша разметка ближе к стандарту HTML. Наконец, обратите внимание, что простое исправление часто может устранить несколько ошибок, поэтому не пытайтесь исправить сразу несколько вещей. Исправьте, обновите и снова проверьте валидатор.

Быстрый взгляд показывает, что вы еще не закрыли тег </html>. Это, вероятно, некоторые из ошибок прямо здесь.

Answer 2

Я вижу те же проблемы в IE 7 и 8.

Если я перейду в стандартный режим вместо , изумляет больше , у меня нет проблем Я думаю, что если вы добавите doctype, проблема решена.