Horizontální zarovnání stránky o plovoucí šířce na střed
01. 10. 2005 | Redakce Interval.cz | Pro CSS | Komentáře: 3
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>
Další aktuální články na interval.cz
- 10 cenných lekcí: chcete si otevřít vlastní malý eshop?
- Jak pracovat s "retina" obrázky na vašem webu?
- Zpětné odkazy: jak je nikdy nezískávat
- Budování webu 100+1 na Drupalu: tipy a postřehy
- 7 tipů, které pochopí i laici, když migrujete stránky
Tematicky související články
- Horizontální zarovnání stránky o pevné šířce na střed
- Vertikální zarovnání stránky o plovoucí šířce na střed
- Dvousloupcový layout s plovoucí šířkou obou panelů
- Dvousloupcový layout s plovoucí šířkou pravého panelu
- Fixní pozicování stránky
Dejte vědět i ostatním o článku
Komentáře ke článku
Datum vložení: 11. Říjen 2009, 16:50:05
margin: 20px 15%; to je 20px a k tomu 15%?
Datum vložení: 12. Říjen 2009, 10:06:03
Rat - kdyz zadate dve hodnoty, tak ta prvni urcuje horni/dolni okraj a ten druhy levy a pravy.
Datum vložení: 14. Srpen 2012, 19:01:42
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.
