Horizontální zarovnání stránky o pevné šířce na střed
Horizontální vycentrování stránky na střed okna prohlížeče.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Marek Prokop. Bližší popis najdete v článku Centrování v CSS – Příklad 2.
CSS
body
{
margin: 0;
padding: 0;
text-align: center;
}
#obalovydiv
{
width: 550px;
margin-top: 2em;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
padding: 1em;
border: 2px solid blue;
color: #000;
background : #dddddd none;
text-align: left;
}
XHTML
<html>
<body>
<div id=“obalovydiv“>
Tady bude obsah stránky…
</div>
</body>
</html>
Předchozí článek
Min-width bez JavaScriptu či Expressions i pro MSIE
Mohlo by vás také zajímat
-
Proč investovat do nejvýkonnějších VPS s AMD EPYC procesory
14. června 2024 -
-
Proč je důležité tvořit obsah na váš web?
29. srpna 2024 -
Nejnovější
-
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025 -
Google Chrome nyní mění kompromitovaná hesla – jak to funguje?
28. května 2025 -
Google spouští AI Přehledy ve vyhledávání v Česku
23. května 2025 -
