Moderní tvorba webových aplikací
O webu

Obal <body>, nebo <div id=container>?

Ve standardním režimu lze značku <body> stylovat jako normální <div>. Má to cenu?

1 minuta

Zadáme jednoduchý CSS kód.

body {margin: auto; width: 960px}

K jednoduchému HTML:

<!doctype html>
<title>Titulek</title>
<h1>Nadpis</h1>
<p>Odstavec

A máme vycentrovanou 960 pixelů širokou stránku bez nějakého balastu v HTML. Není to skvělé? Funkční všude od Exploreru 6.

Jenže…

Vícenásobné pozadí
Řešené kvůli starším prohlížečům několika obaly (každý obal má jeden obrázek) a najednou se celá stránka musí předělávat, protože <body> už není čím obalit.
Lightbox skript
Má najednou problém se připlácnout na stránku, protože s omezenou šířkou <body> vůbec nepočítá.

Zdá se tedy, že používat obal <div id=container> má pořád smysl.

Související články

Jak udělat input s automatickou šířkou podle obsahu

Několik způsobů, jak dosáhnout toho, aby se textové pole rozšiřovalo a zužovalo podle délky zadaného textu.

9 minut

Šířka znaků ve fontech

Proč mají znaky různou šířku a jak to řešit v responsivním designu.

17 minut

CSS @starting-style

Jak animovat elementy při jejich prvním zobrazení pomocí at-pravidla @starting-style.

12 minut

CSS pseudo element ::marker

CSS pseudo element ::marker umožňuje stylovat odrážky seznamů

4 minuty

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků · Témata
2013–2026