Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

Разное → Способ позиционирования элемента

Сегодня мы поговорим о позиционировании элемента на страницы с помощью свойства position .
Данное свойство тесно взаимодействует с порядком отображения элементов на странице.
Порядок элементов - что это?
Это то как отображаются элементы на вашей странице -их порядок. По умолчанию они отображаются один ниже другого заполняя всю ширину которое равно содержимому внутри, этой причине они распологаються один ниже другого.
Свойство position дает возможность изменять порядком расположения элементов на странице.

По умолчанию Значение равно position: static.

static- порядок отображения элементов (по умолчанию)
absolute- элемент абсолютно позиционирован положение задается с помощью свойств top, right, bottom, left.

Вся прелесть этого свойства заключается в следующем, мы меняем не только положение элемента но и выбиваем его с обычного порядка. Это не означает что на его месте сможет расположится другой элемент .

Способ позиционирования элемента


Вариант слева - элемент позиционирован по окну браузера.
Вариант справа - элемент позиционирован по родительскому объекту.

Происходит это по причине того что родительскому объекту задано значение position: relative или absolute.

Relative- с помощью значений top, right, bottom, left объект располагается относительно своего первоначального месторасположенияположения, но место остается за ним.

Способ позиционирования элемента

Fixed- фиксирует объект относительно окна не изменяет своего положения при прокручивании.

ИЕ 7 и ниже не работают с данным свойством.

Inherit- объект принимает значение родителя.

Rонец.
Опубликовал dimas_ua, 1-09-2010, 00:00 Комментариев: 0
 (голосов: 1)