DIVS кажутся разными в разных браузерах

Question

Эта страница выглядит идеально в Firefox, но по-разному повреждена в IE & chrome: http://camethra.com/?p=76.

в IE: весь контейнерный блок выровнен по правому краю.

на Chrome: пост накладывается на раздел комментариев.

Можете ли вы помочь мне исправить это?

спасибо

Answer 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

Answer 2

Для IE: удалить пробелы перед типом документа. Это приводит к тому, что IE переключается в режим Quirks.

Обычно: Исправить ошибки разметки сначала.

Answer 3

В IE8 ваш документ просматривается в режиме Quirks. (откройте страницу в IE8, нажмите F12, чтобы войти в Инструменты разработчика IE, режим документа, выбранный IE в данный момент, вверху справа). Вероятно, у вас есть какой-то XHTML или CSS, который, по мнению IE, является недопустимым, и по умолчанию он отображается в режиме Quirks.

http://www.quirksmode.org/css/quirksmode.html