#css #html
#css #HTML
Вопрос:
Эта страница выглядит идеально в Firefox, но по-разному повреждена в IE и chrome: http://camethra.com/?p=76.
в IE: весь контейнер div выровнен по правому краю.
в Chrome: сообщение накладывается на раздел комментариев.
Можете ли вы помочь мне исправить это?
Спасибо
Ответ №1:
Другие ответы верны, но не совсем там.
Ваша страница отображается в режиме Quirks в IE, и именно поэтому она выглядит сломанной в этом браузере.
Причина, по которой вы переходите в режим Quirks, заключается в двух метках порядка байтов UTF-8 в начале вашего файла:
ef bb bf ef bb bf 3c 21 44 4f 43
. . . . . . < ! D O C
Вам нужно будет сохранить ваш файл без этого. Это должно быть опцией в любом используемом вами редакторе.
Чтобы исправить Chrome, вы должны исправить ошибки проверки, особенно такие, как это:
end tag for "ul" which is not finished
Комментарии:
1. 1 для спецификации. Как только вы узнаете об этом, вы никогда не совершите ту же ошибку 🙂
Ответ №2:
Для IE: удалите пробел перед doctype. Это приводит к тому, что IE возвращается в режим Quirks.
В общем: сначала исправьте ошибки разметки.
Ответ №3:
В IE8 ваш документ просматривается в режиме Quirks. (откройте страницу в IE8, нажмите F12, чтобы войти в инструменты разработчика IE, режим документа, выбранный IE в данный момент, находится в правом верхнем углу). Вероятно, у вас есть какой-то XHTML или CSS, который IE считает недопустимым, из-за чего он по умолчанию отображается в режиме Quirks.