Фиксированное позиционирование. Фиксированное позиционирование – разновидность абсолютного позиционирования. Единственным его отличием является то, что контейнер определяется областью просмотра. Для устройств без разбивки фиксированные блоки не перемещаются при прокрутке документа. В этом отношении они схожи с фиксированными фоновыми изображениями. Для устройств с постраничной разбивкой блоки с фиксированным положением повторяются на каждой странице. Это может оказаться удобным, например, при размещении подписей в нижней части каждой страницы. Вы можете использовать фиксированное позиционирование для создания презентации в виде совокупности кадров. Рассмотрим один из примеров такой презентации, представленный на рис. 9.5. Рис. 9.5. Фиксированное позиционирование. Подобного эффекта можно достичь с помощью HTML-кода и правил стиля, представленных в листинге 9.15. Листинг 9.15. Создание кадров в CSS. <html> <head> <titlе>Глава 9. Создание кадров в CSS</title> <style type="text/css"> Body { height: 8.5in } /* будет использовано ниже для определения */ /* процентных соотношений, задающих значение */ /* высоты элемента */ #header { Position: fixed; Width: 100%; Height: 15%; Top: 0; Right: 0; Bottom: auto; Left: 0; } #sidebar { Position: fixed; Width: 10em; Height: auto; Top: 15%; Right: auto; Bottom: 100px; Left: 0; } #main { Position: fixed; Width: auto; Height: auto; Top: 15%; Right: 0; Bottom: 100px; Left: 10em; } #footer { Position: fixed; Width: 100%; Height: 100px; Top: auto; Right: 0; Bottom: 0; Left: 0; } </style> </head> <body> <div id="header"> ... </div> <div id="sidebar"> ... </div> <div id="main"> ... </div> <div id="footer"> ... </div> </body> </html> Попробуйте нарисовать на листе бумаги свою разметку страницы, а потом создать ее, используя приобретенные навыки.