Верстка HTML страниц блоками div в 3 колонки

Верх

В данном способе верстки HTML страниц правые блоки div новостей или баннеров помещены перед основным содержимым

Применение вложенных блоков div или абсолютного позицио­нирования для горизонт­ального разделения, позволило бы размещать блоки div в более правильном порядке, хотя и немного усложнило бы код.

Главной особенностью блочного способа верстки HTML страниц, является полный отказ от таблиц там, где не выводятся табличные данные, вроде прайсов. Для вертикального разделения содержимого ячейки используется стилевое выделение абзацев и дивов цветом и бордюром. Горизонтально разделение осуществляется с использованием плавающих блоков div, которые могут быть вложены друг в друга, или абсолютного позиционирования.

Использование плавающих блоков div предпочтительней абсолютного позиционирования, так как позволяет поместить после них нижний колонтитул.

Данный способ стал доступен с внедрением CSS 1.

Верстка HTML страниц блоками div в 3 колонки

Низ

 

 

 


Пример для: Табличной верстки и верстки блоками

На главную страницу сайта  Пример шаблон Верстка HTML страница блок div колонки. Учебник html