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

Верх

Блок меню 1

Блок меню 2

Блок меню 3

Блок меню 4

Блок меню 5

Блок меню 6

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

Код данного варианта резиновой верски блоками несколько сложнее предыдущего, зато позволяет размещать блоки в правильном порядке.

Единственным визуальным отличием от таблиц является разность высоты блоков, находящихся на 1 горизонтали.

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

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

Для выравни­вания высоты блоков 1 горизонтали можно использовать JavaScript.

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

Низ

 

 

 

 Резиновая верстка HTML страниц блоками - живой пример. Учебник html


Пример для:  Резиновая верстка HTML страниц блоками - живой пример. Учебник html Табличной верстки и верстки блоками

На главную страницу сайта  Резиновая верстка HTML страниц блоками - живой пример. Учебник html