Тип документа IE9, вызывающий проблемы

#css #internet-explorer-9 #doctype

Вопрос:

Я испытываю сильное разочарование в IE9.

В моем приложении определен этот doctype, который до сих пор отлично работал в любом другом браузере.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Я даже пробовал этот мета-тег, но безуспешно

 <meta http-equiv="X-UA-Compatible" content="IE=100" >

При включенном doctype все мои теги заголовка исчезают. При его отключении отображаются мои заголовки, но javascript не работает (даже без предупреждения), и мой css испорчен намного хуже, чем отсутствие заголовков.

Ответ №1:

Запустите свой код через средство проверки…

http://validator.w3.org/

Это поможет вам определить каждый элемент, не поддерживаемый вашим Doctype. Я не оправдываю IE 9, но в вашем Doctype нет ничего плохого, следовательно, в вашем HTML должно быть что-то не так.

Ответ №2:

Как бы то ни было, я только что столкнулся с аналогичной проблемой при разработке страницы, но валидатор, упомянутый выше, не будет работать, потому что я все еще тестирую локально. (Я все равно не видел способа это протестировать?). Тем не менее, я нашел эту статью. Моя проблема заключалась в том, что стиль CSS ( overflow: hidden ) не работал в IE9 с определенным типом документа (таким же, как в исходном вопросе). Исправление для IE9 заключалось в добавлении position:relative к тому же объекту, который я использовал overflow:hidden .

Надеюсь, это поможет и кому-то другому, поскольку я потратил около 2 часов на поиск своего решения.