Avatar billede c-sharp Nybegynder
15. oktober 2007 - 11:37 Der er 7 kommentarer og
1 løsning

Finde højede på tabel

Jeg har brug for at finde højden på en tabel og derefter sætte en højde på en div inde i tabellen.

Jeg har kigget lidt på det eksempel olebole giver her http://www.eksperten.dk/spm/19670. Men det eksempel virker ikke i FireFox. Nogen der kan få det til at virke i FireFox?
Avatar billede kalp Novice
15. oktober 2007 - 11:53 #1
Det er også fra 2000..

Du skal nok smide det ind i "style" attributten og rette den vej igenne:)
Avatar billede kalp Novice
15. oktober 2007 - 11:55 #2
Jeg har dårlig kigget på hans kode, men lavede bare min egen test her til at finde højden på en table.. det virker.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY onload="alert(document.getElementById('kalpsTable').style.height);">
<table id="kalpsTable" style="height:100px;">
<tr>
<td></td>
</tr>
</table>
</BODY>
</HTML>
Avatar billede c-sharp Nybegynder
15. oktober 2007 - 12:08 #3
Hej igen kalp :-)

Sagen er desværre lidt mere kompliceret end det for tabellen har ikke en fast højde, den justere sig efter det indholder der puttes i (Dynamisk indhold). Dit eksempel virker desværre kun med en fast højde. Jeg beklager min dårlige formulering!
Avatar billede kalp Novice
15. oktober 2007 - 12:42 #4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY onload="alert(document.getElementById('kalpsTable').clientHeight);">
<table id="kalpsTable" style="height:100px;">
<tr>
<td></td>
</tr>
</table>
</BODY>
</HTML>
Avatar billede kalp Novice
15. oktober 2007 - 12:43 #5
hvis du ændre højden til f.eks

<table id="kalpsTable" style="height:80%">

så får du stadig pixels højden, men afprøv det lige med dit kode:)
Avatar billede c-sharp Nybegynder
15. oktober 2007 - 13:50 #6
Super det virker :)

Jeg takker!!!
Avatar billede kalp Novice
15. oktober 2007 - 14:11 #7
ingen årsag:D
Avatar billede olebole Juniormester
15. oktober 2007 - 16:10 #8
<ole>

Det er et rent og skært tilfælde, at eksemplet virker. For det første har man - med den anvendte DTD - disabled de vigtigste dele af CSS i IE ... for det andet bruges 'clientHeight' i stedet for 'offsetHeight', som er langt mere logisk at bruge til dette.

Hvis brug af CSS overhovedet skal give mening i IE, er man nødt  til at bruge den fulde DTD:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Dernæst er man nødt til at bruge:
    <body onload="alert(document.getElementById('kalpsTable').offsetHeight);">

- hvis der er tale om andre elementer end lige en tabel. Da 'offsetHeight' - i modsætning til 'clientHeight' - virker ens på alle elementer (når CSS altså ikke er disabled), er den betydeligt bedre at bruge  ;o)

/mvh
</bole>
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