Верстка на div. Три колонки, с шапкой и подвалом

Верстка на div. Три колонки, с шапкой и подвалом

Очень удобный и практичный вариант резиновой (процентной )верстки - три колонки, шапка под лого, подвал под копирайт. Как правило, при таком расположении в левой колонке находится меню, в центральной - основной текст, правая колонка отдается под дополнительную информацию - новости, акции, банера, контакты и т.д.

Итак, сегодня - пример трехколоночной резиновой (процентной) верстки с шапкой и подвалом.

Код

CSS

Как оно выглядит

Примечания

header - шапка

wrapper - контейнер для основного текстового поля

content - основное текстовое поле

navigation - навигация

extra - другая информация

footer - подвал

Хотя данный тип верстки может применятся практически для любых задач, в некоторых случаях, например в нашем калькуляторе стоимости сайта, целесообразно использовать добрую старую табличную верстку сайтов.

Я думаю, вам будет интересна еще статья Верстка на div. Две колонки с шапкой и подвалом..

(c) Галина Ивченко ("Aloha Magic")