Avatar billede r.hegaard Nybegynder
10. december 2009 - 18:08 Der er 4 kommentarer og
1 løsning

Problemer med tabel-rendering

Jeg har nogle forskellige træstrukturer, som jeg gerne vil vise i en tabel. Tabellerne bliver dynamisk genereret og vist på en webside.
Mit mål er, at øverste celle er "roden" og for hver af de efterfølgende rækker bliver antallet af celler fordoblet.
Problemet er, at ved nogle bestemte kombinationer af indhold og rækkeantal, kommer tabellen til at de helt forkert ud i Internet Explorer 8, hvor cellestørrelserne i de enkelte rækker bliver vidt forskellige og tabellen pludseligt fylder hele sidebredden. I Firefox og Chrome ser tabellen mere ud som forventet.

Her er et eksempel på en tabel, som ser helt forkert ud i IE8:
<table border='1' cellspacing='0' cellpadding='0' align='center'>
<tr>
<td colspan='16' width='100%'><img alt='' width='135' height='30'></td>
</tr>
<tr>
<td colspan='8' width='50%'><img alt='' width='135' height='30'></td>
<td colspan='8' width='50%'><img alt='' width='135' height='30'></td>
</tr>
<tr>
<td colspan='4' width='25%'><img alt='' width='135' height='30'></td>
<td colspan='4' width='25%'><img alt='' width='135' height='30'></td>
<td colspan='4' width='25%'><img alt='' width='135' height='30'></td>
<td colspan='4' width='25%'><img alt='' width='135' height='30'></td>
</tr>
<tr>
<td colspan='2'><img alt='' width='30' height='1'></td>
<td colspan='2'><img alt='' width='16' height='38'></td>
<td colspan='2'><img alt='' width='30' height='1'></td>
<td colspan='2'><img alt='' width='30' height='1'></td>
<td colspan='2'><img alt='' width='16' height='38'></td>
<td colspan='2'><img alt='' width='16' height='38'></td>
<td colspan='2'><img alt='' width='30' height='1'></td>
<td colspan='2'><img alt='' width='30' height='1'></td>
</tr>
<tr>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='16' height='59'></td>
<td><img alt='' width='16' height='59'></td>
<td><img alt='' width='16' height='59'></td>
<td><img alt='' width='16' height='59'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
<td><img alt='' width='30' height='1'></td>
</tr>
</table>

Er der nogle, som kan fortælle mig, hvad der går galt og hvordan jeg kan få det til at se ordentligt ud?

På forhånd tak :-)
Avatar billede zips Juniormester
10. december 2009 - 19:36 #1
Se det ikke rigtigt ud hvis du sætter width='100%' på din table
10. december 2009 - 21:39 #2
Jeg kopierede din kode til denne site: http://christianjorgensen.be/rhegaard.php bortset fra at jeg indsatte et foto hvor du har alt="" og saa ser det ens ud i min FF og IE8.  Saadan som du skriver det ser det ligesaadan ud i min IE8 bortset fra at den laver tomme billeder (med et roedt kryds) hvorimod i FF klasker tabellen helt sammen.
Avatar billede r.hegaard Nybegynder
10. december 2009 - 23:08 #3
zips> Nej det gør det ikke og jeg er heller ikke interesseret i at lade tabellen fylde hele siden i bredden.

Christian_Belgien> Tak for svaret. Jeg tror, at du har løst mit problem. Jeg har kørt med DOCTYPE sat til <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">, altså uden "loose.dtd".
Det har jeg gjort, fordi jeg på et tidspunkt blev anbefalet det, for at løse et andet problem, men det var nok en dum idé. Så nu har jeg indsat "loose.dtd" og så ser det næsten perfekt ud :-)
Lægger du et svar?
10. december 2009 - 23:12 #4
Svar fra Christian_Belgien.
Avatar billede zips Juniormester
10. december 2009 - 23:16 #5
Ja når du viser siden i quirks mode kan alt jo ske :-)

Her er listen med doctype http://www.w3.org/QA/2002/04/valid-dtd-list.html

Kun strict kan køre med kort dorctype, ikke Transitional som kræver en fuld dorctype.
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