Hi Jungs,
ich habe (schon wieder
) ein Problem mit der Anzeige von Tabellen in ein paar bestimmten Browsern.
Ich habe folgende Tabelle:
Code:
<table width="100%" cellspacing="1" cellpadding="3" border="1">
<tr>
<td width="150" align="left" valign="top" nowrap="nowrap">
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
Sehr sehr viel Inhalt
</td>
<td width="100%" valign="top" style="height:100%">
<table width="100%" border="1" cellspacing="0" cellpadding="0" style="height:100%">
<tr>
<td width="0" valign="top">
Bild
</td>
<td width="100%" valign="top">
Inhalt
</td>
<td valign="top" align="right" nowrap="nowrap">
Mehr Inhalt
</td>
</tr>
<tr>
<td colspan="3" valign="top" style="border: 3px solid #C7D6DC; background-color: #FFFFFF; height:100%">
<table width="100%" style="height: 100%">
<tr>
<td valign="top" style="height:100%">
Ein kurzer Text
</td>
</tr>
<tr>
<td colspan="3" valign="bottom">
Und noch ein kurzer Text
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
Es geht darum, dass die Zeile die zwischen den beiden Kommentaren steht immer mindestens so hoch sein soll, wie die Spalte links. Dies erreiche ich im IE mit den Angaben height="100%" bzw. style="height:100%". Opera, Firefox etc. scheinen diese Angaben aber nicht zu interpretieren.
Das Problem das sich daraus ergibt ist einfach: die gesamte Tabelle hat einen blauen Hintergrund, und nur der Teil zwischen den Kommentaren soll einen weißen Hintergrund erhalten, aber mindestens so hoch sein wie die linke Spalte. Wie gesagt, im IE funktioniert es ohne Probleme, Opera und Co. könnten nicht zickiger sein
Wer kann mir weiterhelfen?
Thanx and Greetz
alcaeus