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

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Možnosti stylování <iframe>

Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.

10 minut

Zvýraznění aktivní sekce při rolování

Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.

5 minut

CSS funkce random()

Jak v CSS generovat náhodné hodnoty pomocí random() a kdy ji použít.

6 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025