Появляется проблема с первым столбцом (см. рис. 12.16) - главное содержимое
Обтекает новое боковое меню. Чтобы устранить это, нужно добавить в стиль
#ma i n правое поле.
5. Отредактируйте стиль #ma i n следующим образом:
#main {
margin-left: 180рх:
margin-right: 200рх:
Теперь для страницы создана завершенная разметка с тремя столбцами.
Проверьте страницу в браузере. Если вы измените размеры окна, то увидите,
Что страница приспосабливается, чтобы соответствовать им.
СОВЕТ ------------------------------------------------------
Этом дизайне для левого и nравого боковых меню установлена фиксированная ширина, так что,
Даже когда вы сделаете окно брауэера очень большим, они не изменят свои размеры. Вы также
Можете заставить эти столбцы менять ширину, просто устанавливая значения их ширины в процентах,
А также задавая левые и правые поля в процентах в стиле #main.
Новый столбец, который вы только что добавили, выглядит не очень хорошо,
Но далее мы придадим ему более приятный внешний вид.
Глава 12. Разметка страницы на основе плавающих элементов
Добавление «ложного сrолбца»
Правое боковое меню визуально недостаточно выделяется. Это можно исправить
С помощью темного цвета фона и некоторого форматирования текста.
