Avatar billede mortenbock Nybegynder
12. februar 2004 - 16:40 Der er 9 kommentarer og
1 løsning

Height: 100%; i Mozilla?

Hej

Jeg har surfet lidt rundt på siden, og har efterhånden erfaret at det er en klassisk problemstilling.

Kan det på nogen måde lade sig gøre at få en tabel til at fylde 100% i højden i en Mozilla browser? Det går nemt i IE hvis man bare benytter

body {
  height: 100%;
}

table {
  height: 100%;
}

Men det ser ikke ud til at virke i Mozilla. Er der nogen der har fundet en CSS løsning på dette problem?

Mvh
Morten Bock
Avatar billede mik789 Nybegynder
12. februar 2004 - 16:54 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<style type="text/css"><!--
html {
  height: 100%;
}
body {
  height: 100%
}
table {
  height: 100%;
}
--></style>
</head>
<body> osv.

Med andre ord: du skal have en korrekt og korrekt placeret doctype (allerførst i dokumentet). Du skal angive højde både på html og body, og hele vejen ned til din table. Højde kan kun udregenes hvis der er noget at udregne af (dvs. det omgivende element). Se også: http://www.e-tidsskrift.dk/dev/tableheight.php

//mik
Avatar billede mortenbock Nybegynder
12. februar 2004 - 17:22 #2
Hvornår ved man præcis hvilken doctype man skal bruge? Har du et godt link til den slags?
Avatar billede mik789 Nybegynder
12. februar 2004 - 17:39 #3
Avatar billede viciodk Praktikant
12. februar 2004 - 17:44 #4
Det skulle ikke være Doctypen der skyldes dette problem. (Men det er naturligvis vigtigt at have styr på de forskellige doctypes og hvornår de skal benyttes).

Det du mangler er

html {height: 100%;}
Avatar billede mik789 Nybegynder
12. februar 2004 - 17:52 #5
viciodk>doctypen har betydning for om browserne er i "standard mode" (eller "strict mode") eller i "quirks mode". CSS fortolkes forskelligt alt efter om broseren er i standard eller quirks mode. Hvis man vil være sikke på at CSS fortolkes korrekt, skal man sikre sig at siden er i standard mode. Man kan tjekke med flg. link:

<a href="java script:alert((document.compatMode=='CSS1Compat')?'Standard mode':'Quirks mode');">[tjek mode]</a>
Avatar billede viciodk Praktikant
13. februar 2004 - 13:57 #6
mik789 -> Ja, jeg har godt hørt lidt om de forskellige modes. Noget med at (correct me if I'm wrong):
Standard Mode = Browseren lever ikke helt op til stardarderne og bruger også sine egne "standarder".
Quirks Mode = Browseren følger standarderne fra WWW konsortiet.

Du har naturligvis ret i at Doctypen har stor betydning og at man altid skal angive den.
Det er dog ikke først og fremmest Doctypen der er skyld i dette problem. Prøv følgende kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css"><!--
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0px;
}
table {
  height: 100%;
  background-color: #000000;
  color: #ffffff;
}
--></style>
</head>
<table>
<tr>
<td>Bla bla bla<br>
<a href="java script:alert((document.compatMode=='CSS1Compat')?'Standard mode':'Quirks mode');">[tjek mode]</a></td>
</tr>
</table>
<body>
</body>
</html>

Det vil i Mozilla og Internet Explorer ikke have nogen betydning at fjerne Doctypen.

Så selve den kode der gør miraklerne for mortenbock er altså

html {height: 100%;}

Men som du også skriver skal man altid huske Doctypen alligevel. Den kan have jo have stor betydning senere i dokumentet og samtidig er det ikke er muligt at validere sin kode hos W3C hvis man ikke har angivet en Doctype. :)

Lækkert JavaScript til at bestemme browserens mode, det vil jeg gemme :)
Avatar billede viciodk Praktikant
13. februar 2004 - 13:58 #7
Noget siger mig at jeg byttede om på Standard Mode og Quirks Mode :)
Avatar billede mik789 Nybegynder
13. februar 2004 - 14:09 #8
viciodk> nemli! ;-) men det er jo fint at det så ikke i dette tilfælde har nogen betydning. Jeg har selv siddet masser af gange og bandet over ikke at få IE og Gecko til at vise det på samme måde, hvor det faktisk var dogtypen den var gal med.
Avatar billede mortenbock Nybegynder
04. maj 2004 - 18:58 #9
Er der nogen der vil lave et svar til den her, så vi kan få det lukket?
Avatar billede mortenbock Nybegynder
07. december 2004 - 16:02 #10
så svarer jeg selv
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester