Kevin Wiedener: Oft gestelltes rowspan-Problem - keine Lösung gefunden

Beitrag lesen

Hallo,

ich habe bereits etliche Nachrichten zu dem Thema im Forum gefunden, aber bisher keine Lösung sehen können.

Also versuche ich auch einmal mein Glück :-).

Mein Quelltext:

<html>
<head>
<title> .: Neues Design :. </title>
</head>
<body>
<center>

<table border="0" style="width: 800px" cellspacing="0" cellpadding="0">
 <tr>
  <td style="width: 200px; heigth: 33px" bgcolor="#ff553f" nowrap>
   <img src="andachten.gif" width="200" height="33">
  </td>
  <td rowspan="4" align="center" valign="top" style="width: 600px">
   Hallo, ihr da draussen!<br><br><br><br><br>
   Nun gibt es wieder die Specialausgabe der Homepage<br><br>
   Lass es Euch allen gut gehen.<br><br><br><br>
   Mit freundlichen Grüßen<br><br><br>
  </td>
 </tr>
 <tr>
  <td style="height: 33px; width: 200px" bgcolor="#ff553f" nowrap>
   <img src="spiele.gif" width="200" height="33">
  </td>
 </tr>
 <tr>
  <td style="height: 33px; width: 200px" bgcolor="#ff553f" nowrap>
   <img src="mitarbeiter.gif" width="200" height="33">
  </td>
 </tr>
 <tr>
  <td style="height: 100%; width: 200px" bgcolor="#ff553f">
   Diese Zeile soll in der Zellenhöhe variabel sein
  </td>

</tr>
</table>

</center>
</body>
</html>

Das Problem:
Eigentlich sollte nur die letzte Zeile in der Zellenhöhe variabel sein und die ersten drei Zeilen sollten jeweils fix 33 Pixel hoch sein.
Im Internet Explorer werden jedoch alle 4 linken Zeilen gleich hoch angezeigt.

Wie kann ich dieses Problem beheben? Ich hab schon alles probiert, auch mit style="height: auto" usw. aber nichts will funktionieren!

Vielen Dank schon einmal fürs reine Durchlesen der Nachricht. Ich hoffe, irgendjemandem von Euch fällt ne Lösung ein.

Grüßle

Kevin