Авторский знак. 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 31


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

Расчет позиции элемента в CSS.

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

Не забывайте, что сумма всех " внутренних" значений должна быть равной ширине блока. Аналогичное построение применимо и к вертикальной оси.

По правилам если значения несовместимы или не заданы, то пространство подгоняется справа для языков, где пишут слева направо (и слева - для языков, где пишут справа налево). Проблемы с высотой блока разрешаются подгонкой с нижней стороны элемента.

• В том случае, если все значения заданы ( т.е. значений auto нет), а сумма не равна ширине охватывающего блока, пользовательский агент должен просто проигнорировать значения сдвига справа ( для языков, где пишут слева направо) и снизу, допустив расхождения на соответствующих сторонах.

• Если ширина элемента указана, она уже не меняется. Если, напротив, ширина текстового ( незамещаемого) объекта равна значению auto, то зона вывода содержимого «подгоняется по размеру» так, чтобы оказаться достаточной для вывода в ширину. Значение auto замещаемых элементов, например, изображений, меняется на реальные размеры объекта в пикселах.

• Ширина зоны содержимого элемента меняется по размеру только в том случае, если установлена в auto, а все другие свойства при этом имеют конкретно заданные значения. Являясь единственным параметром, равным auto, ширина элемента становится последним вариантом подгонки и соответственно корректируется.

• Для выполнения нужных корректировок агенты сначала ищут auto в значениях правого ( для языков с письмом слева направо) отступа или сдвига. Для вертикальной подгонки меняются равные auto свойства нижнего края.

• Когда значения top и left равны auto, элемент как было сказано выше помещается в " статическую" позицию, которая изменяется лишь в том случае, если все остальные параметры имеют заданные значения, a left ( по горизонтали) и top ( по вертикали) являются единственными параметрами со значением auto. Во всех других случаях пространство слева и сверху не корректируется.

Во всяком случае, все что здесь написано вряд ли сразу будет использоваться для расчета позиций элементов страниц Вашего сайта. Но, для начала можно смело для расчета абсолютного позиционирования элемента указать ширину элемента, сдвиги сверху top, сдвиги слева left. Об остальном пока пускай думает клиентский сервер. Но, помере набивания рук Вы сами во всем разберетесь.


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
... ... ...

обратно на главную     назад    дальше     вперед

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