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.