Jak zakotvit DIV do dolní části stránky webových stránek

Krok 1

Do editoru HTML zadejte základní kód DIV ve formátu footeru. Kód by měl vypadat podobně:

Zde vložte obsah.

Toto je kód DIV, který chcete ukotvit ve spodní části stránky HTML.

Krok 2

Přidat pravidlo CSS do listu stylů pro kontejner, záhlaví a zápatí stránky. CSS štítek by měl vypadat takto:

.wrap {pozice: relativní; margin: 0 auto; šířka: 960px; }}

header, #footer {

šířka: 100%; float: vlevo; }}

Šířka kontejneru o délce 960 pixelů by měla být změněna tak, aby odpovídala rozměrům stránky, kterou vytváříte.

Krok 3

Přidejte další kód pro CSS, který platí pouze pro DIV, který chcete ukotvit do dolní části stránky. Kód by měl vypadat takto:

footer {

poloha: fixní; dolní: 0; z-index: 999999; }}

Tento kód zakotví DIV v dolní části stránky bez ohledu na to, co se přidává nebo odstraní ze stránky.