css [wiki.magnes.su]

Это старая версия документа!

Plugin installed incorrectly. Rename plugin directory '_mp3play' to 'mp3play'.

startSectionEdit: $data "plugin_wrap_start" is NOT an array! One of your plugins needs an update.

startSectionEdit: $data "plugin_wrap_end" is NOT an array! One of your plugins needs an update.

startSectionEdit: $data "plugin_wrap_start" is NOT an array! One of your plugins needs an update.

startSectionEdit: $data "plugin_wrap_end" is NOT an array! One of your plugins needs an update.

Абсолютное позиционирование и растягивание

В коде примера выполняется центрирование по вертикали и горизонтали.
HTML:

1

2

Содержание

3

CSS:
01 #parent {position: relative;}
02 #child {
03 position: absolute;
04 top: 0;
05 bottom: 0;
06 left: 0;
07 right: 0;
08 width: 50%; !–
09 height: 30%; !–
10 margin: auto;
11 }

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

Установка автоматического формирования полей по всем сторонам приведет к заданию равных значений по всем 4 сторонам и выведет наш вложенный элемент div по центру родительского элемента.

К сожалению, данный метод не работает в IE7 и ниже.

http://ruseller.com/lessons.php?rub_id=2&id=1248

Инструменты страницы