Horizontální zarovnání stránky o pevné šířce na střed

1. října 2005

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>

Mohlo by vás také zajímat

Nejnovější

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *