Vycentrovanie obsahu stránky

tiso | 14. 5. 2006

V diskusiách vidno často návody na vycentrovanie obsahu stránky. Nie vždy však fungujú vo všetkých prehliadačoch. Pritom je to úplne jednoduché:

(X)HTML:
...
<body><div id="all">
...obsah stranky...
</div></body>
...
 
CSS:
body {
 text-align: center; /*vycentrovanie pre IE*/
}

#all {
 width: 760px; /*šírka layoutu*/
 text-align: left; /*zrušenie vycentrovania textu*/
 margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/
}
 

Výsledok si môžte prezrieť na príklade: Vycentrovanie obsahu stránky

Funkčnosť: Opera, FireFox, Mozilla, Internet Explorer (aj staršie verzie)

Dodatok: aktuálny a podrobne vysvetlený návod napísal Yuhů: Vycentrování obsahu stránky. Určite si ho prečítajte.