Назад Вперед Зміст


Резиновий макет

При створенні резинового макета ми маЇмо використовувати плаваюч≥ елементи (float) та відсотки (%) дл¤ заданн¤ розмірів елементів.

Розмістимо текст у дві колонки. Для цього поділимо сторінку на блоки.

Цю сторінку вкладемо в блок <div id="page">.

І блок page вкладемо два блоки: main-title, ¤кий містить заголовок h1, і блок blog.

Ѕлок blog містить блок main (ліва колонка: фото і два абзаци) та блок other (права колонка: два абзаци й фото).

Кожен блок є це елемент div із заданим класом

Зміни у CSS

Для блоку main:

Для блоку other:

Результат:

якби потрібно було три колонки, то ми б поділили текст на три блоки і зробили б усі три блоки плаваючими.


Назад Вперед Зміст