Centrovanie stránky v rôznych prehliadačoch
Pred nedávnom som dostal e-mail od jedného človeka, ktorý chcel odo mňa aby som sa mu pozrel na jednu stránku, presnejšie na chyby ktoré mu hlási validátor.
Mal tam viac chýb, ale mňa zaujala jedna jediná a to: <div align="center">
Kedže som o centrovaní pomocou CSS donedávna tiež moc nevedel, rozhodol som sa dať sem príklad, ako sa to robí správne a to nielen pre IE, ale aj v Opere a Mozille.
Využijeme vlastnosť auto parametru margin.
Prvku DIV, ktorý chceme na stránke vycentrovať, nastavíme margin: 0 auto;.
Týmto dosiahneme vycentrovanie vo všetkých prehliadačoch, okrem IE (pochopitelne).
IE totiž margin: 0 auto; ignoruje na celej čiare, ale zase narozdiel od iných prehliadačov aplikuje text-align: center; aj na blokové prvky. Takže pre vycentrovanie stačí pre body nastaviť text-align: center;.
Tým vycentrujeme všetko na stránke, bohužial aj text. A tak eště centrovanému prvku DIV nastavíme napr: text-align: justify; a máme to.
Malý príklad kódu:
body {
text-align: center;
}
#center {
margin: 0 auto;
text-align: justify;
}<body>
<div id="center">
tento DIV bude vycentrovaný v IE, Mozille a Opere
</div>
</body>Páči sa vám tento článok, zalinkujte ho:
««« Predchádzajúci text: Držte si klobúk začínam… Následujúcí text: Dielňa dobrého štýlu »»»
Verzia pre tlač | 0 komentárov | 1371x
Komentáre k textu
Rss komentářů tohoto textu - Formulár pre nový komentár
K textu nebol napísaný žiadny komentár.
