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