Заметки PHP

Продолжение статьи «Дивная верстка. Добавляем колонки»

В прошлой статье я рассказал как сделать колонки дивами, давайте теперь займемся шапкой и подвалом.
Все в классическом стиле, шапка прямоугольник, выше всех блоков, определенной высоты, подвал — футер, тоже самое, но только снизу всех блоков.

Изменим наш предыдущий код на такой:

  <div class="main">
	<div class="header"></div>
	<div class="left"></div>
	<div class="right"></div>
	<div class="clear"></div>
	<div class="footer"></div>
  </div>

в этом коде у нас появился DIV «header» и DIV «footer»

добавим следующие классы в CSS:

.header {height: 150px; background: yellow}
.footer {background: black; height: 150px;}

вот и все, смотрим результат (я специально уменьшил высоту блока main до 500 пикселей что бы показать результат):

Заметки, Сделай сам, Статьи div css, div верстка, верстка на дивах, подвал, футер, шапка