Axel Richter: Problem mit dem IE - Tabellensprünge

Beitrag lesen

Hallo,

Warum dieses Tabelle in Tabelle gewurschtel? Das geht auch in einer Tabelle mit Zellen, die andere überspannen (colspan und rowspan).

<style type="text/css">
<!--
table {width:232px; border-collapse:collapse; border-spacing:0;}
td.linieoben {height:3px; background-color:#6B6D6B;}
td.linieunten {height:3px; background-color:#6B6D6B;}
td.liniemitte {height:3px; background-color:#6B6D6B;}
td.linielinks {width:3px; background-color:#6B6D6B;}
td.linierechts {width:3px; background-color:#6B6D6B;}
td.linksoben {width:16px; height:16px; background-color:#00AEAD;}
td.rechtsoben {width:16px; height:16px; background-color:#00AEAD;}
td.titelleiste {width:200px; height:16px; color:#FFFFFF; background-color:#003031;}
-->
</style>
<table>
<tr>
 <td class="linieoben" colspan="5"></td>
</tr>
<tr>
 <td class="linielinks" rowspan="3"></td>
 <td class="linksoben"> </td>
 <td class="titelleiste">Titelleiste </td>
 <td class="rechtsoben"> </td>
 <td class="linierechts" rowspan="3"></td>
</tr>
<tr>
 <td class="liniemitte" colspan="3"></td>
</tr>
<tr>
 <td class="inhalt" colspan="3">
  <p>Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. </p>
  <p>Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. Das ist der Inhalt. </p>
 </td>
</tr>
<tr>
 <td class="linieunten" colspan="5"></td>
</tr>
</table>

Statt background-color kannst Du auch background-image verwenden.

viele Grüße

Axel