Anders Højland Mikkelsen wrote:
>>Prøv at ændre doctypeerklæringen så siden vises i standardmode:
>>
>><!DOCTYPE HTML PUBLIC
>>"-//W3C//DTD HTML 4.01 Transitional//EN"
>>"
http://www.w3.org/TR/html4/loose.dtd">
>
>
> Er der en måde hvorpå man kan få sat height = 100% via css når du vælger
> denne doc type?
>
>
I følge standarderne betyder height 100%, at elementet får 100% højde af
forældre elementet.
http://www.w3.org/TR/REC-CSS2/visudet.html#the-height-property
I Quirks-mode (ingen doctype) har body elementet en standard højde på
100% af viewportet (browser vinduet).
Men i Standard-mode er height på body sat til *auto*. Hvilket vil sige,
at body elementet fylder, så meget der er behov for.
Derfor virker height 100% umiddelbart ikke.
Hvis du sætter height til 100% på body, så virker det i IE6, men ikke i
de øvrige browsere (Mozilla (FF), Opera og Safari).
Det skyldes at IE endnu engang (selv i standard-mode) ikke følger
standarderne fuldt ud.
Ifølge standarderne er html elementet nemlig også en del af viewportet,
så for at få alle browsere med, skal du også sætte height til 100% på
html elementet.
Altså...
html, body {
height:100%;
}
Her efter kan du sætte height 100% på et barn til body elmentet og det
vil fylde hele højden af browserens vindue.
--
Martin Hintzmann Andersen
http://www.hintzmann.dk/