Сделать заголовок HTML5 работать с IE - HTML5 Shiv не исправляет мой макет

Question

На днях я писал о проблемах с макетом в IE.

Сегодня я выяснил свою проблему, IE не работал для моих элементов HTML5, таких как <header> и <footer>

Когда я заменил их на <div>, почти все мои проблемы исчезли. Поэтому я начал искать, как добавить поддержку IE для этих функций HTML5.

Я сталкивался с Modernizr и HTML5 Shiv Также из того, что я прочитал, основной Javascript для добавления поддержки чего-то вроде <header> заключается в следующем ...

document.createElement("header");

Теперь вы можете видеть, что я провел свое исследование, и мне все еще не повезло. Modernizr не сработал, так что я попробовал трюк HTML Shiv, но все равно не повезло, так что теперь на трюк Javascript и тоже не повезло.

Так, пожалуйста, может кто-нибудь сказать мне, что я могу сделать?

У меня версия IE 8, и извините, у меня нет живой версии сайта для показа

Answer 1

Эти скрипты заставят новые элементы работать в IE, но их стиль отображения все еще отсутствует. Добавьте следующий CSS, который я скопировал, вставленный с html5boilerplate.com:

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }