Этот раздел посвящен размещению блочных элементов HTML-разметки в рабочей области браузера с точностью до пикселя. До появления спецификации CSS-P, которая вошла в спецификацию CSS2, ничего подобного делать на HTML-страницах было нельзя. Некоторые наиболее дотошные читатели могут спросить - "А как на счет элемента разметки LAYER?". Во-первых, LAYER был введен Netscape практически одновременно с появлением CSS-P, а во-вторых, он поддерживается только браузерами Netscape.

Позиционирование и его программирование на JavaScript - это сплошное "минное поле" между двумя основными браузерами. При просмотре этих страниц следует отдавать себе отчет в том, что для каждого браузера загружается своя страница описания свойств позиционирования.

До появления CSS-P единственным средством относительно точного позиционирования были таблицы. Они позволяли точно расположить компоненты HTML-страницы относительно друг друга на плоскости. CSS-P описание позволяет точно разместить элемент разметки не только относительно других компонентов страницы, но и относительно границ страницы.

Кроме этого CSS-P добавляет странице еще одно измерение - элементы разметки могут "наезжать" друг на друга.

Первый слой, на который наедем другим слоем.

При этом можно менять порядок "наезда" - "перекладывать" слои.

Но и это еще не все. Слои можно проявлять:

Web-дизайн: Перевод с английского. Авторы: Пауэлл Т. Издательство: "БХВ-Петербург" Год издания: 2004, страниц: 1045 ISBN: 5-94157-389-8

Во втором, обновленном издании книги, посвященной вопросам Web-дизайна, содержится наиболее полная информация о структурах и типах Web-сайтов, методах их разработки и разнообразных современных технологиях, используемых при их создании. Представлен исчерпывающий обзор новых браузеров и технологий, использующих XHTML, CSS и XML. Рассмотрены все этапы создания сайтов - от постановки задач и планирования до разработки текста, графических скриптов и мультимедиа. Большое внимание уделено различным проблемам, с которыми могут столкнуться дизайнеры Web-сайтов, и способам их решения. Изложенные принципы и идеи сопровождаются примерами их практической реализации, которые читатель может использовать в своих собственных разработках. Для Web-дизайнеров, разработчиков и администраторов Web-сайтов.

В целях конспирации этот текст могут увидеть только грамотные люди, которые умеют читать (какой-то бред как по форме, так и по содержанию :) ).

[Прояви текст] [Скрой текст]

Термин "слой" вместо "блочный элемент разметки" используется здесь по той причине, что он лучше отражает эффект, который достигается за счет позиционировани, а не в пику поклонникам Microsoft.

Теперь осталось перейти к обсуждению атрибутов позиционирования.