[HTML/JavaScript] - Dynamische tabel reageert niet op width

[gvanh]

Oh jee ... een volgende probleem waar ik geen oplossing voor zie.

Vergelijk de volgende twee stukken code:

code:

<table width='100%'>
<tbody>
<tr>
<td width='20'>Smal</td>
<td>Breeeeeed</td>
</tr>
</tbody>
</table>

code:

<script>
var table = document.createElement("TABLE");
var tbody = document.createElement("TBODY");
var tr = document.createElement("TR");
var td1 = document.createElement("TD");
td1.setAttribute("width", 20);
td1.appendChild(document.createTextNode("Smal"));
var td2 = document.createElement("TD");
td1.appendChild(document.createTextNode("Breeeed"));

tr.appendChild(td1);
tr.appendChild(td2);

tbody.appendChild(tr);

table.appendChild(tbody);

document.body.appendChild(table);
</script>

Beide stukken code leveren exact hetzelfde resultaat op. Voor wat betreft de HTML dan. In Internet Explorer levert het ook daadwerkelijk dezelfde opmaak op, daar geen probleem.

Wanneer ik echter de JavaScript code in Mozilla uitvoer, dan trekt Mozilla zich van de ingestelde breedte van de linker-kolom niks aan! En dat terwijl Mozilla de standaard HTML WEL goed weergeeft.

Ik heb ook al geprobeerd dit via de 'style' properties te regelen, maar ook daar hetzelfde resultaat.

Iemand wellicht een oplossing? Alvast erg bedankt!

[ Voor 14% gewijzigd door gvanh op 22-09-2004 15:36 ]

[gvanh]

Hmm... blijkt dat ik het antwoord zelf al heb gegeven ...

als je de tabel helemaal vanuit het niets opbouwt, zijn er geen problemen. Alleen als je gedeeltelijk echte HTML, gedeeltelijk dynamisch gecreeerde HTML gebruikt, dan gaat het fout.

Onderstaande voorbeelden geven dus beide wel het gewenste effect.

Excuses!