Horizontální zarovnání stránky o plovoucí šířce na střed
Obsah
Související
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>
Předchozí článek
Horizontální zarovnání stránky o pevné šířce na střed
Další článek
Fixní pozicování stránky
Rat
Říj 11, 2009 v 16:50margin: 20px 15%; to je 20px a k tomu 15%?
Miroslav Kučera
Říj 12, 2009 v 10:06Rat – kdyz zadate dve hodnoty, tak ta prvni urcuje horni/dolni okraj a ten druhy levy a pravy.
Tlumič
Srp 14, 2012 v 19:01Teď 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.