•Ьanner
#main
#sideЬar
#footer
Рмс. 13.12. С фиксированным nоэиционированием можно эакреnить все элементы страницы,
Чтобы они всегда были в nоле эрения nри nрокрутке. В этом nримере эаrоловок (1), бсжовое
Меню (3) и нижний колонтитул (4) эафиксироеаны, а область с главным содержимым (2) может
Nрокручиватъся
Создайте стили ДЛJ1 всех фJОСсированиых элементов. Значения top, bottOOJ, 1 eft
И ri ght задаются относительно окна браузера, таким образом, просто определите,
где в~ хотите их ВИдеть на экране, и добавьте значения. Кроме тоrо, опреде·
Лите ширину для элементов.
Глава 13. Позиционирование элементов на веб-странице
ПРИМЕЧАНИЕ------------------------------------------------
Отличие от абсолютного позиционирования, фиксированное всегда задается относительно окна
Брауэера, даже когда элемент с таким позиционированием помещается внутрь другого тега с относительным
Или абсолютным позиционированием.
Стили для размещения элементов 1, З и 4 на рис. 13.12 выглядят следующим
образом:
#banner {
}
position: fixed:
left: О:
top: 0:
width: 100%
#sidebar {
position: fixed:
left: О:
}
top: 110рх;
width: 175рх:
#footer {
position: fixed:
bottom: 0:
left: 0:
width: 100%:
Создайте стиль для про'кручиваемой области содержимого. Поскольку фиксированно
Позиционированные элементы удаляются из потока HTML, другие
