Hallo,
Ich habe folgendes Problem:
Ich habe mehrere ineinander verschachtelte Tabellen. Nun will ich die übergeordnete Tabelle (natürlich auch die untergeordneten) auf einen Schlag ausblenden und habe deshalb ein style command in den table-tag eingebaut, der mithilfe von JavaScript display entweder auf none oder inline setzt. Sobald ich aber in den Table Tag nun style="display:inline" einsetze, kollabiert der äußere Tabellenrahmen und somit lässt sich auch keine spezifische Breite für die umschließende Tabelle angeben.
Hiermal ein Beispielcode:
<html>
<body>
<table width="100%" border="1" bordercolor="red" style="display:inline">
<colgroup>
<col width="90px">
<col width="">
</colgroup>
<tr>
<td>Test1</td>
<td>Test2</td>
</tr>
<tr>
<td>
<table border="2">
<colgroup>
<col width="30">
<col width="">
</colgroup>
<tr>
<td>Test4</td>
<td>Test5</td>
</tr>
<tr>
<td>Test6</td>
<td>test7</td>
</tr>
</table>
</td>
<td>Test8</td>
<tr>
<td>Test9</td>
<td>Test10</td>
</tr>
</table>
</body>
</html>
Unterm IE klapp das ganze übrigens wunderbar. Aber unter NS 7 nicht. Wer es probiert, sollte zum Test mal das style-Attribut weglassen. das bordercolor-Attribut macht den Effekt besser sichtbar.
Hat jemand zufällig eine Erklärung dafür oder weiß, wie man das umgehen kann?
Danke
Tobi