С фиксированной шириной легко. Начните с добавления НТМL-кода.
1. Сразу после открывающего тега <body> (<body id = "feature">) добавьте новый
тег <div>:
<div id="wrapper">
Вы «упаковываете>.> всю страницу в блок, который будете использовать для
Управления шириной страницы. Вы должны убедиться, что этот тег закрыт.
2. Добавьте закрывающий тег </ d i v> прямо перед закрывающим тегом </ body>:
</div>
</body>
Теперь, когда созданный блок включает в себя все содержимое страницы, вы
Можете управлять ее шириной, устанавливая ширину для данного тега.
Сразу под тегом стиля body, который вы создали ранее, добавьте стиль, который
устанавливает ширину для нового блока:
#wrapper {
width: 760рх:
Предварительно просмотрите страницу в браузере, и вы увидите, что баннер,
Нижний колонтитул и другое содержимое на странице зажаты в блоке шириной
Пикселов. Однако изображение, которое добавляет фон правому боковому
Меню, свободно перемещается в зависимости от шИрины окна браузера. Так
Происходит потому, что оно выравнивается относительно правого края окна. Чтобы
Устранить это, просто определите изображение как фон в стиле #wrapper.
Обучающий урок 1: разметки с множеством столбцов 367
