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

Má smysl měnit kursor tlačítek?

Tlačítka mají na webu po najetí jiný kursor než odkazy.

4 minuty

Stylování <input type=number>

Jak stylovat <input> pro zadávání čísel.

7 minut

Znázornění možnosti scrollování

Jak dát uživateli informaci, že je možné někam scrollovat.

10 minut

Plynulé scrollování na obsah

Jak vytvořit plynulé odrolování na určitou část stránky.

6 minut

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