Hallo
hab ein Problem mit HTML/CSS.
Ich habe eine Tabelle mit foglendem Code (vereinfacht):
<table class="tree">
<tr>
<td colspan="2" class="data0">company</td>
<td class="last"> </td>
</tr><tr>
<td colspan="2" class="data0">Products</td>
<td class="last"> </td>
</tr><tr id="row1">
<td class="row"></td>
<td colspan="2" class="folder">
<table class="tree">
<tr>
<td colspan="2" class="data1">Unit1</td>
<td class="last"> </td>
</tr><tr>
<td colspan="2" class="data1">Unit2</td>
<td class="last"> </td>
</tr><tr>
<td> </td><td> </td><td> </td>
</tr>
</table>
</td>
<tr><tr>
<td colspan="2" class="data0">News</td>
<td class="last"> </td>
</tr><tr>
<td colspan="2" class="data0">Contact</td>
<td class="last"> </td>
</tr><tr>
<td> </td><td> </td><td> </td>
</tr>
</table>
Im Firefox (1.6) wird auch schön, .row-Zellen mit nur einem Leerzeichen Breite angegeben, .data0-Zellen gerade so breit wie ihr breitester Inhalt. .last-Zellen sollen dafür beliebig weit ausgedehnt werden.
Leider schmeist er mir dieses layout aber im IE und unter Opera total um. Auch Angaben wie style="width:1px", colgroups oä haben bislang noch keinen Erfolg gebracht.
Hat jemand ne Idee, wie ich es browserübergreifend so einstellen kann?
//Zur verbesserten Visualisierung des Problems ist noch ein td{ background-color:grey; } definiert
Danke für eure Hilfe!