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>
Mohlo by vás také zajímat
-
Proč je důležité tvořit obsah na váš web?
29. srpna 2024 -
Doména .io v ohrožení: Co přinese předání Čagoských ostrovů?
10. října 2024 -
Kdo má nejrychlejší WordPress hosting v ČR?
18. března 2025 -
inPage AI: Revoluční nástroj pro tvorbu webů
3. července 2024
Nejnovější
-
Jak vytvořit web zdarma?
5. srpna 2025 -
10 nejčastějších chyb při tvorbě webu na WordPressu
28. července 2025 -
Co je to neuronová síť
21. července 2025 -
Elektronický podpis – má dnes ještě uplatnění?
16. července 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.