Позиционирование   

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

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

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

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

1-й слой, на тот, что наедем иным слоем.

2-й слой, тот, что наезжает на 1-й.
[Переложить слои]

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

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

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

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

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

далее...