Добавьте свойство width к стилю #sidebar.
В завершенном виде стиль выглядит так:
#sidebar {
position: absolute:
top: 15рх:
left: 0:
width: 170рх;
Повторите все действия для размещения рекламной области страницы.
5. Добавьте стиль #adverts внизу таблицы стилей:
#adverts {
position: absolute:
top: 15рх:
right: 5рх:
wi dth: 125рх:
Этот стиль работает точно так же, как стиль для бокового меню, за исключением
Того, что вы размещаете рекламу относительно правого края страницы. Это
Намного лучше, чем размещать объявления в пекотором месте относительно
Левого края страницы. Когда вы определите значение r i ght, реклама всегда будет
Оставаться на том же самом расстоянии от правого края оболочки содержимого.
Если вы измените ширину окна браузера, то реклама останется на месте.
На данный момент страница должна быть похожей на ту, что показана на
Рис. 13.18, с обоими боковыми меню и рекламой, захватывающей главную историю
Страницы. Отрегулируйте края главного содержимого, чтобы предотвратить
Это наложение.
После стиля #adverts, который вы только что создали, добавьте стиль для области
главной истории страницы:
#mai n {
margin- left: 170рх:
margin-right: 135рх:
Стиль #ma i n добавляет поля для области главной истории так, что они очищают
Левое и правое боковые меню. Теперь осталось лишь немного подкорректировать
