html5 новые элементы макета старых браузеров

Question

У меня есть мой сайт (http://www.rohanjain.in) на основе html5 . Он использует новые элементы, определенные в html5 для макета страницы: header , nav , section , article , footer и т. Д. Но я только что проверил это со старыми браузерами и т. Е. (Не волнует это "не"браузер) неправильно отображает страницу.

Снимок :

Разметка css (источник css на http://www.rohanjain.in/media/css/style.src.css) не отслеживаетсявозможно, потому что он не распознает теги.

В настоящее время для старых браузеров посетители перенаправляются на this , а для этой страницы.

Не удалосьнайти правильное решение для этого. Есть ли обходной путь, чтобы страница могла отображаться правильно и с HTML5?

Answer 1

Вы смотрели на HTML5Shiv ?

Answer 2

Используйте скрипт HTML 5 remy sharp для document.createElement их:

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

http://work.arounds.org/issue/19/styling-html-5-elements-ie/

Также вы должны вручную объявить display:block для всех элементов уровня блока HTML5:

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}