ZONER Cookies

Vážený návštěvníku, potvrzením pomocí tlačítka OK udělujete souhlas nám a našim partnerům s použitím cookies pro nezbytné, analytické a marketingové účely na tomto zařízení. Volbou Nastavení můžete sami určit, jaké skupiny cookies je možné zpracovávat, popřípadě jejich zpracování úplně zakázat. Ukládání nezbytných cookies probíhá vždy, a to v zájmu zachování funkčnosti webové prezentace.

V tomto okně můžete zvolit kategorie cookies v souladu s vlastními preferencemi.

Nezbytné

Tyto cookies zajišťují bezchybný provoz našich webových stránek. Umožňují například vložení služby do objednávky, ukládání dat s ohledem na bezpečnost webu, přihlašování k webu a podobně. Nezbytné cookies nelze deaktivovat, jelikož by došlo k narušení správného fungování webu.

Preferenční

Preferenční cookies umožňují, aby si webová stránka zapamatovala informace, které mění, jak se webová stránka chová nebo jak vypadá. Je to například preferovaný jazyk nebo region, kde se nacházíte.

Analytické

Díky nástrojům jakými jsou například Google analytics můžeme sledovat, jak stránky používáte, z jakých zdrojů a technologií. Na základě těchto dat můžeme web neustále vylepšovat, aby byl pro vás co nejpřívětivější. Veškerá data jsou anonymizována, konkrétní uživatele tedy identifikovat nemůžeme.

Marketingové

Společně s nástroji třetích stran můžeme zobrazovat vámi preferované reklamy v partnerských sítích přesně dle vašich zájmů. V případě nesouhlasu je vysoce pravděpodobné, že vaše zájmy a preference nebudou zohledněny a bude se vám reklama zobrazovat plošně. Veškeré profily vašich zájmů jsou pseudonymizované, díky tomu není možná bezprostřední identifikace vaší osoby.

Horizontální zarovnání stránky o plovoucí šířce na střed

1. října 2005
•
Redakce Interval.cz

Obsah

  1. CSS
  2. XHTML

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
Štítky: Články, Pro CSS: pozicování
Redakce Interval.cz

Mohlo by vás také zajímat

Nejnovější

3 komentářů

  1. Rat

    Říj 11, 2009 v 16:50

    margin: 20px 15%; to je 20px a k tomu 15%?

    Odpovědět

  2. Miroslav Kučera

    Říj 12, 2009 v 10:06

    Rat – kdyz zadate dve hodnoty, tak ta prvni urcuje horni/dolni okraj a ten druhy levy a pravy.

    Odpovědět

  3. Tlumič

    Srp 14, 2012 v 19:01

    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

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *