Я очень хочу использовать шаблон HTML5 Пола Айриша, но столкнулся с проблемой css.
Я хочу, чтобы заголовок был на одном уровне с верхней частью страницы, но я не могу, чтобы контейнер div добавил пробел, от которого я не могу избавиться.
Я думаю, что это как-то связано с clearfix для нижнего колонтитула. Я пробовал экспериментировать с разными размерами отступов для нижнего колонтитула и контейнера div, но безрезультатно.
Это html-код:
<header>
<p> header content </p>
</header>
<div id="main" role="main">
</div>
<footer>
<p> footer content </p>
</footer>
Мой пользовательский CSS:
#container {
background-color:orange;
padding:1px; /* can't be zero */
margin:0;
}
footer {
margin: 1px 0;
}
body {
width:960px;
margin:0 auto;
background:blue;
padding:0;
}