>want2learn <table height="xxx"> er ikke valid(x)html og man kan ikke altid forvente at det opfører sig som man ønsker, især hvis man bruger en doctype, der sæætter browserne i standard mode.
Forklaringen: Når man anvende procentvist definerede dimensioner, beregnes disse af det omkransende element.
Ifølge DOM'en består et HTML-dokument af nestede elementer. Det første hedder documentElement - og er det, vi kender som <html></html>. Det har som oftest to child-elementer: head-elementet og body-elementet - dem vi kender som <head></head> og <body></body>.
Hvis et child-element til body-elementet (f.eks. en iframe) skal sættes til en procentvis højde, skal body-elementet altså have en højde. Vil vi have body'en til at fylde hele sidens højde, skal dette element altså sættes til 100% - men af hvad? Af documentElement-elementets højde - da det jo omkranser body-elementet (head-elementet har aldrig nogen fysisk udstrækning). Derfor må vi også sætte documentElement-elementet til 100%'s højde. Altså kommer vi frem til roenvings:
html { height: 100%; } body { height: 100%; }
eller den kortere:
html, body { height: 100%; }
Desuden bør man også sætte margin til 0px - padding burde det være unødigt at sætte, hvis browseren overholder standarden :)
PS: documentElement- og body-elementet er block-level elementer, hvilket vil sige, de fylder hele browseren i bredden. Det er derfor ikke nødvendigt at sætte deres width.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.