Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - position.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство position определяет тип позиционирования для элемента( статического, относительной, абсолютной или фиксированной).

Заметим, что блочные элементы занимают всю доступную для них ширину на странице сайта и укладываются вертикально один под другим, при этом строчные элементы располагаются по горизонтали до тех пор, пока не будет занята вся доступная ширина на странице сайта , после того как вся ширина будет занята, будет сделан перенос строки и все пойдет по новой - это называется стандартным или нормальным потоком элементов. Свойство position указывает метод позиционирования выбранного элемента на странице сайта. Свойство position определяет расположение элемента относительно окна браузера, других элементов или текущего местоположения на странице сайта и при этом используются свойства top, right, bottom и left, которые определяют направление смещения позиционированного элемента.

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


Синтаксис:

            position: static|absolute|fixed|relative|initial|inherit;

Описание и использование

Значение по умолчанию: static
наследует: нет
Версия: CSS2
JavaScript синтаксис: object.style.position="absolute"


Свойства Значения

Значение Описание
static Значение по умолчанию. Элементы визуализации в порядке, как они указаны в документооборота
absolute Элемент позиционируется относительно первого расположена (не static) родительского элемента
fixed Элемент позиционируется относительно окна браузера
relative Элемент позиционируется относительно своего нормального положения, так "слева:20", - добавляет 20 пикселей элемента левой позиции
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
h2
{
position:absolute;
left:100px;
top:150px;
}
< /style>
< /head>
< body>
< h2>Это заголовок с абсолютной позиции< /h2>
< p>С абсолютным позиционированием, элемент может быть размещен в любом месте 
на странице. Заголовок помещается 100 пикселей от левого края страницы и 
150 пикселей от верхней части страницы.< /p>
< /body>
< /html>                      

Результат программы:

Это заголовок с абсолютной позиции

С абсолютным позиционированием, элемент может быть размещен в любом месте на странице. Заголовок помещается 100 пикселей от левого края страницы и 150 пикселей от верхней части страницы.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: