Horizontální zarovnání stránky o plovoucí šíř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 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
Mohlo by vás také zajímat
-
Znovuuvedení domény .AD
5. září 2024 -
-
Lék na phishing a apatii ve světě e-mailového marketingu
18. března 2024 -
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024
Nejnovější
-
Zoner Photo Studio X se mění na Zoner Studio
13. června 2025 -
Co je to transformer v umělé inteligenci (AI)
10. června 2025 -
INNOCN monitory: špičková kvalita za zlomek ceny
5. června 2025 -
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025
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.