čtvrtek, 8. července 2004

Jak na div se 100% výškou

Často se všudemožně omílají dotazy, jak dokázat natáhnout div výškově na 100% zobrazovací plochy a když je vnitřek divu větší než zobrazovací plocha tak aby se natáhnul na potřebnou velikost.

Sáhl jsem proto do svého skladu stránek a zde vám přináším návod jak na to.

Nejdříve ze všeho musíte nastavit výšku tagů html a body na 100%.

html, body {
     height: 100%;
}

Pak pro div který chceme roztáhnout na 100% a více přidáme následující předpis:

#content {
     /* Height Hack */
     min-height: 100%;
     height: auto;
     _height: 100%;
}

Protože je o IE známo, že umí automaticky roztahovat divy tak mu stačí nastavit výšku 100%. Ostatní alternativní prohlížeče většinou umí atribut min-height.

Pokud to chcete vidět v praxi, tak se podívejte na tuto stránku.

Vložil Martin Sloup 8. 7. 2004 v 12:32, Trvalý odkaz, Komentáře - Blog: WebDev