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 :-)