div valign-center
Простой и вроде кросс-браузерный способ позиционирования блока известных размеров в центр окна браузера с помощью css:
div.valign-center {
position: absolute;
top: 50%;
left: 50%;
height:200px;
width:800px;
margin-top: -100px; //где 100 - половина высоты самого блока
margin-left: -400px; //где 400 - соответственно половина ширины этого блока
}
23/02/2007 в 2:02 дп
не кроссбраузерный. firefox 2.0 top: в процентах не понимает.
23/02/2007 в 2:07 дп
ой, не… это я туплюююю)) фаирфокс вс понимает, это я дурак дивы не закрыл)
23/02/2007 в 9:42 дп
27/02/2007 в 11:50 дп
ну ширина ладно, а что делать будем если высота не известна?
27/02/2007 в 11:56 дп
Подозреваю что без JS не обойтись, Дэн. Способ не претендует на универсальность
Это лишь одна из возможностей. Если увидишь разумное решение - отпиши, ок?
27/02/2007 в 12:15 пп
http://murphy.cz/victoria-s-vertical-centering/
вот еще решение. с высотой правда, но зато без отрицательных маргинов.
27/02/2007 в 12:29 пп
Думается мне что в Standards Compliance mode кросс-браузерно не будет работать.. Лень проверять
29/01/2008 в 8:16 пп
Красиво, но бесполезно… Редко, когда надо спозиционировать блок, у которого { height: 50%; width: 50%; }
15/02/2008 в 2:18 дп
сам блок position: relative;
делайте у боди text-align: center; (ие)
для фф, оперы итп : у блока margin: 40% auto auto auto;
Это правда центрирование только по горизонтали, но додумать уже можно)