чудо{вищные} заметки

Sorry for my terrible english. My native language is PHP.

center-vertically

Нашёл (скомпилировал кучу чужих заметок по этому поводу) простой (и вроде кросс-браузерный) способ позиционирования блока известных размеров в центр окна браузера средствами css.

div.valign-center {
position: absolute;
top: 50%;
left: 50%;
margin-top: -300px; //где 300 — половина высоты блока
margin-left: -500px; // 500 — соответственно половина ширины этого блока
}

Задача по сути простая (сложнее когда размеры неизвестны), но всё равно стандартным решением всегда была таблица с кучей лишних ячеек по краям блока.
Отличие от других способов, которые удалось найти в интернете — предлагалось использовать в качестве половины размера использовать 25%, но я не нашёл у себя ни одного браузера, в котором бы это работало.

Technorati Tags: , , ,

Реклама

Октябрь 13, 2006 Posted by | css, dev, web | 6 комментариев