Značka <body> jako obal stránky

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.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Skloňování v CSS

„Programování“ v HTML a CSS

I bez úprav logiky serverového skriptu lze lecčeho dosáhnout samotným CSS.

Doctype

HTML značka <!doctype>

Jaký (a jestli vůbec) psát <!doctype> do stránky?

Stylování atributu title

Vlastní styl bubliny title

Jaké jsou možnosti pro vlastní vzhled nápovědy, která se objevuje při vyplnění atributu title.

Centrování v CSS

Centrování na webových stránkách

Ucelený popis různých způsobů vertikálního i horizontálního centrování. Se známou i neznámou šířkou nebo výškou.

Fotografie na pozadí

Velký obrázek na pozadí stránky

Jak správně udělat obrázkové pozadí celé stránky, které se přizpůsobí velikosti okna.

Komentáře