Использование новых тегов HTML5

Question

Я пробую новые теги HTML5. Я хочу сделать что-то вроде этого: http://www.jsfiddle.net/TYTkZ/

Я использую этот код: http://www.jsfiddle.net/cysBf/

Когда вы перейдете по ссылке, вы увидите разницу. Вы можете мне помочь ? Почему между разделами #main и #sidebar есть пространство?

А иерархия страниц верна?

Answer 1

Добавьте этот код в свой css:

header,footer,article,section,aside,nav {
  display:block;
}

Я обновил ваш код в jsfiddle.

Answer 2

При использовании элементов HTML5 не забудьте включить этот файл перед любым CSS и т. Д. (, поэтому верхняя часть тега head будет лучше ).

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

Поскольку IE 8 и ниже делаютне знаю, какие элементы HTML5 не позволят вам их стилизовать, этот скрипт позволяет стилизовать элементы HTML5 в старых IE.

EDIT

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

Answer 3

Вы используете float:right на #sidebar, поэтому элемент будет заканчиваться вправо.Попробуйте float:left на #sidebar, чтобы он плавал рядом с элементом #main

Ширина 300px игнорируется, поскольку сечение не определено как display:block