[css] Centrowanie DIVa w pionie Opcje

[kamiseq]

centrowanie w poziomie jest proste text-align: center w body{} i margin: 0 auto;w glownym divie.

a jak zrobic zeby ten div wycentrowalo w pionie, gdy np dajemy pelny ekran.
margin: auto auto; nie dziala:|


i podobne pytanko jak wycentrowac zawartosc takiego diva w pionie, bo valign mi jkaos nie dzialal i chyba nie jest to zgdne ze sztuka.

dzieki za rady, bo nigdzie nic nie moge znalesc: (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif) ]

[TomASS]

To działa.. ale tylko w jedynych słusznych przeglądarkach ;-)
Aby zadziałało w internet explorerze faktycznie trzeba użyć javascriptu..

(IMG:http://forum.php.pl/style_emoticons/default/smile.gif) czyli akurat większość użytkowników miała by z tym problem, ponieważ ok 71% ludzi używa IE (zobacz).
Pewnie troszkę lepiej sprawa ma się z JS.

Kod

.valign {
margin:0 auto;
display:table-cell;
vertical-align:middle;
margin-top:expression((x=document.documentElement.clientHeight-this.scrollHeight)>0?x/2+'px':0);

}

Walidatorowi CSS nie za bardzo się to podoba (popatrz)

Działający przykład (wzięty z posta na webesteem forum) można znaleźć tutaj.

Na prawde świetny link! Działa pod IE, Operą i FF, czyli u ponad 93% ludzi. Dzięki (IMG:http://forum.php.pl/style_emoticons/default/party.gif)