The article CSS - centrovanie layoutu is written by PaBi3
Neviete ako centrovat CSS layout na stred stranky? Alebo neviete ako to urobit, tak aby to islo aj v prehliadaci MSIE? Precitajte si tento kratky navod.
Urcite ste uz rozmyslali nad tym ako vycentrovat layout, ktory je beztabulkovy. Nebol by v tom problem kebyze MSIE podporuje margin: auto. Na podobne veci si urcite zvyknut treba, pretoze to nieje jedine co IE nepodporuje. Aby som presiel k veci, tak postavim jednoduchy layout, ktory bude centrovany na stred stranky. Kod k layoutu najdete tu. <?xml version="1.0" encoding="iso-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk"> <head> <meta name="autor" content="PaBi3" /> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <style> body { margin: 0; text-align: center; } .main { width: 700px; height: 300px; border: 1px solid #000000; margin: auto; text-align: left; } </style> <title>Stranka</title> </head> <body> <div class="main"> Obsah stranky </div> </body> </html> Poziciu stranky som zvyraznil borderom aby ste videli, ze sa centruje na stred. Udal som jej aj rozmery. Stranka bude teraz umiestnena v strede okna prehliadaca. Text-align: left sme pouzili s dovodu zarovnania textu dolava, pretoze inak by sa necentrovala na stred len stranka ale aj text. Je mnoho sposobov ako stranku vycentrovat pomocou margin: auto ale MSIE nepodporuje tuto funkciu a tak musime zostat pri podobnom sposobe aky je uvedeny tu. Ukazka tu. Trochu strucny navod ako na to ale predsa funkcny :-)
CSS - centrovanie layoutu Návrat

CSS - centrovanie layoutu