Месте на странице - под баннером, поэтому вам не нужно переносить
Его. Все, что вы должны сделать, - немного отдалить основное содержимое от
Левого и правого краев, чтобы очистить боковые меню.
Чтобы сделать это, добавьте левое и правое поля к тегу <di v> с главным содержимым.
Установите значение для каждого поля, равное или большее, чем ширина
бокового меню:
#mainContent {
margin- left: 185рх:
margin-right: 190рх;
В этом коде поля получились немного больше, чем ширина каждого бокового
Меню. Обычно полезно чуть увеличить края, чтобы были видны промежутки
Между различными элементами на странице.
Хоть все и получилось красиво, у этой разметки есть свое слабое место. Каждый
Раз, когда вы используете абсолютно позиционированные столбцы (как эти
Глава 13. Позиционирование элементов на веб-странице
Боковые меню), они потенциально могут вырасти и перекрыть часть нижнего
Колонтитула или других, более низких элементов HTML (рис. 13.10). В отличие
От перемещаемых элементов, где вы можете очистить элемент и заставить его
Появиться ниже свободно расположенного столбца, CSS не дает вам никакого
Способа очистить низ позиционированного столбца. Лучшее, что вы можете
Сделать, - найти обходной путь, как в следующем шаге.
Порядок оnисания в HTML СSS-раэметка
ID баннер ] •
fJ
