ie7 и ie8 игнорируют "margin: 0px auto;"

Question

http://blog.helpcurenow.org

Я работаю над созданием этого блога, и кажется, что ie7 и ie8 оба отображают содержимое, так что контейнер, похоже, игнорирует "margin: 0px auto;" править.

Это может быть что-то еще, что я просто не получаю, но в любом случае эффект заключается в том, что контент (а также навигационные ссылки) почему-то перемещаются влево.

Странно то, что а) это не происходит вообще в Firefox или Safari - хорошо, это действительно так странно ?? и б) он не изолирован от ie7, кажется, ie8 тоже делает это.

У меня нет клочка, почему - никаких идей ??

Спасибо !!

Answer 1

Ваша страница отображается в режиме причуда в IE, потому что у вас есть комментарий:

<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->

до <!DOCTYPE ...>. DOCTYPE должен быть первым в документе, иначе IE его проигнорирует.

Если вы удалите этот комментарий или переместите его после DOCTYPE, он будет отлично работать.

Answer 2

Избавьтесь от комментария "<!--HOSTURL:blog.helpcurenow.org--><!--HOSTURL:blog.helpcurenow.org-->" вверху. Тип документа должен быть первым после HTTP-заголовков, или IE переходит в режим причуд (и не понимает джаз "margin: auto").

Answer 3

Хотя приведенное выше, очевидно, является идеальным ответом, для некоторых старых и более неясных браузеров единственным решением является использование сброса выравнивания текста по центру. Например, если вы хотите поместить контейнер размером 960 пикселей в центр окна, вы можете поместить центр выравнивания текста в оболочку шириной 100%, а затем выравнивать текст по левому краю контейнера 960 пикселей.

Answer 4

RichieHindle - Большое спасибо! Я добавлял статическую домашнюю страницу на свой сайт и допустил ошибку, связавшись с моей собственной таблицей стилей перед вызовом get_header ()! Это явно вызвало именно ту проблему, которую вы описали. Потратил на это 2 или 3 часа, прежде чем я увидел твой пост.

Еще раз спасибо!