Не могу понять, почему IE 8-9 переходит в режим причуд на странице HTML5

Это URL-адрес: http://sdc.sciamanna.eu/ IE 8 и 9 переходит в режим совместимости и Я не знаю почему.

Я потратил последние два часа на поиск решения, поиск здесь, в SO, в Google, построчно на моей html-странице, но я не могу найти, что заставляет IE переходить в режим причуд.

Что я сделал до сих пор:

  • удален HTML-комментарий перед DOCTYPE.
  • удалил все условные теги html (сейчас откатился, так как ничего не изменилось), думая, что modernizr может позаботиться об этом
  • заменил мета <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> на <?php header("X-UA-Compatible", "IE=edge,chrome=1");?>, так как у меня были проблемы с проверкой (но опять же, откатился, так как это не было причиной)
  • сделал все вышеперечисленное одновременно (это только помогло мне получить зеленый свет от валидатора W3C, чего бы это ни стоило)
  • пару раз ударился головой об стол: это, правда, не помогло

На самом деле, я не могу уйти от этой проблемы. Я не знаю, происходит ли это и с IE10, но я совершенно уверен, что так и есть.

ОБНОВЛЕНИЕ

Эта страница (тема HTML, на которой основана моя тема WordPress) работает. Он даже не использует Modernizr, а просто "http://html5shim.googlecode.com/svn/trunk/html5.js": я начал использовать тот же скрипт, но все было еще хуже, когда почти ничего не отображалось должным образом; По крайней мере, modernizr удалось заставить большую часть вещей работать правильно. Но то, что дефолтный html5shim работает в оригинальной теме, только лишний раз подтверждает, что в моей реализации должно быть что-то не так: никак не могу найти что.

Обе темы (iBlink и моя) используют теги HTML5, но у оригинальной вообще нет проблем, а у моей, как видите, есть.


person Andrea Sciamanna    schedule 05.03.2013    source источник
comment
Ваш документ не проходит проверку для меня: validator.w3.org/   -  person PeeHaa    schedule 05.03.2013
comment
Когда я открываю сайт, IE работает в стандартном режиме. У меня ИЕ8. Ваша проблема касается только IE9?   -  person Jan Petzold    schedule 05.03.2013
comment
@PeeHaa: как я уже писал, это подтвердилось, когда я применил все изменения вместе. Прямо сейчас я откатил некоторые изменения, так как они не имели смысла. Если я прав, вы получите только проблему проверки, связанную с '‹meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /›'   -  person Andrea Sciamanna    schedule 05.03.2013
comment
@JanPetzold: сейчас только с IE9, но клиент говорит, что проблема есть и с IE8. Если вы посмотрите на 3 поля под галереей с Chrome (скажем, на одно), вы увидите разницу.   -  person Andrea Sciamanna    schedule 05.03.2013


Ответы (2)


Вы используете HTML-тег section. Это не поддерживается в IE8, поэтому всякое может случиться :) Хотя он все еще отображается, но я не удивлен, что браузер возвращается в режим Quirks. Вы пытались заменить все теги HTML5 на DIV или установить <meta http-equiv="X-UA-Compatible" content="IE=8" /> ?

Кстати. вы можете легко «симулировать» IE8, перейдя в инструменты разработчика и изменив режим браузера на IE8.

person Jan Petzold    schedule 05.03.2013
comment
Я использую Modernizr, который должен решить проблемы html5 с IE8, если таковые имеются. Как написано выше, я использую X-UA-Compatible. Дело не в симуляции IE8: я знаю, как это сделать, и вот как я узнал, что он работает в режиме причуд. И оттуда я вижу, что он распознает такие теги HTML5, благодаря modernizr. Тема, на которой основан этот сайт, работает без проблем, поэтому на моем сайте должно быть что-то не так, и проблема не в HTML5. - person Andrea Sciamanna; 05.03.2013
comment
Режим рендеринга IE определяется до выполнения любого Javascript, поэтому Modernizr здесь ничего не изменит. - person Jan Petzold; 06.03.2013
comment
@JanPetzold очень хороший момент. Я также сталкиваюсь с проблемой, о которой сообщают. Каким-то образом мой тип документа меняется с ‹!DOCTYPE html› на ‹!-- DOCTYPE html --›. Я подозревал Modernizr, но вы правы. - person Jacques; 26.10.2013

Кажется, что реальное решение - использовать Modernizr: я не видел немедленных результатов, вероятно, из-за кэширования браузера.

person Andrea Sciamanna    schedule 09.04.2013