Порядок описания в HTML СSS-раэметка
Окно брауэера
1 · wrapper
ш • •• 11
#main
News
В #mainNav
Legal
Width: 760 рх
Рмс. 12.19. Схемы nоказывают страницу в начале (слева) и в конце (справа). Сначала она является
лишь набором тегов <div>, заключенных в один тег <div>. Устанавливая ширину для «уnаковки•
И задавая ее левое и nравое поля, вы создаете разметку, центрированную в окне браузера
Отредактируйте стиль #wrapper, который вы только что создали. Добавьте ширину,
а также левое и правое поля, чтобы стиль выглядел следующим образом:
#wrapper {
width: 760рх;
margiп-right: auto;
margin-left: auto;
border-right: 2рх solid #000000:
border- left: 2рх sol id #000000:
background: #FFFFFF url(images/column_bg.png) repeat-y right top;
Свойство wi dth устанавливает полную ширину содержимого страницы размером
760 пикселов. Чтобы центрировать •упаковку» di v, установите для левого
И правого полей значение auto. Оно говорит браузеру, что он должен вычислять
Поля автоматически. Кроме того, поскольку значение применено и к левому,
И к правому полям, браузер должен распределить ширину между ними. Другими
словами, браузер добавляет одинаковое пространство с обеих сторон •упаковки~.
Невзирая на ширину окна.
Теперь предварительно просмотрите страницу в браузере. Измените размер
Окна браузера, и вы увидите, что страница остается выровненной посередине
