Плавающая врезка

Постановка задачи

Создать врезку при помощи плавающего блока.

Примерный вид показан на рисунке слева.

Этапы разработки

Горизонтальное меню

Постановка задачи

Создать горизонтальное меню при помощи плавающих блоков.

Этапы разработки

Плавающие колонки фиксированной ширины

Постановка задачи

Создать шаблон сайта с двумя колонками фиксированной ширины на базе плавающих блоков.

Этапы разработки

Плавающие пропорциональные колонки

Постановка задачи

Создать шаблон сайта с двумя «резиновыми» колонками на базе плавающих блоков.

Этапы разработки

Cайт «Фотография»

Постановка задачи

Построить сайт с двумя колонками фиксированной ширины по следующему макету:

Этапы разработки

В финальном варианте работают все ссылки в главном (горизонтальном) меню и ссылка «Портрет» на боковой панели.