volutpot. Ut wisl enlm Od mlnlm venlom, qv!s
Рмс. 12.18. Превращение свободного диэайна в дизайн с фиксированной шириной- лишь
вопрос «упаковки» всего НТМL-кода тега <body> в новый тег <div>, а затем создания стиля,
Который устанавливает ширину для этой «уnаковки»
Окончательная версия этой программы-примера находится в папке 12_finished\
Layoutl.
Глава 12. Разметка страницы на основе плавающих элементов
Обучающий урок 2: разметка
С отрицательными полями
В этом уроке вы узнаете, как создавать плавающие разметки с множеством столбцов,
Используя методику отрицательных полей, рассмотренную в подразделе «Использование
отрицательных полей для размещения элементов>.> разд. «Использование
плавающих элементов в разметках>.> текущей главы. Файлы для этого
примера хранятся в папке 12\layout2.
Центрирование разметки
В отличие от последнего примера, весь НТМL-код для этой страницы уже вставлен.
Все, что вам остается сделать, -добавить СSS-код, чтобы создать разметку. На странице
есть шесть главных разделов, каждый из которых заключен в тег <di v> с применеиным
К нему ID.
1. В текстовом редакторе откройте файл start. html из папки 12\layout2.
Рисунок 12.19 показывает основную структуру НТМL-кода (слева) и заключительный
Результат, к которому. вы должны стремиться (справа). В настоящее
