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 1.

CSS

body
{
margin: 0;
padding: 0;
}
#obal
{
margin: 20px 15%;
padding: 1em;
border: 2px solid blue;
color: #000;
background : #dddddd none;
}

XHTML

<html>
<body>
<div id=“obal“>
Tady bude obsah stránky…
</div>
</body>
</html>

3 Příspěvků v diskuzi

  1. Teď zrovna řeším problém se zarovnáním 100% šířky. Tohle je k ničemu. Je hezké, že od 15% a výše vám to funguje, ale dejte si třeba 1%, není tam obsah a efekt je pryč.

    Osobně by mne zajímalo jak třeba zarovnat obal 100% š a obsah mít vycentrovaný, ale sám v sobě zarovnaný vlevo. Řeším šířky monitorů a tohle je celkem oříšek.

Odpovědět