schmietwech: Tabellen-Problem

Beitrag lesen

Hallo, liebe Gemeinde ;-)

Ich habe folgendes Problem auf aktuellstem Windows Internet Explorer:
Wenn ich in nachstehedem Quelltext das Bild im Problembereich um 1 Pixel breiter mache, verspringt die komplette Tabelle.

Frage 1: Kann das jemand bestätigen?

Frage 2: Woran mag das liegen bzw. kann man das verhindern?

Ich würde mich freuen, falls jemand helfen kann, da ich schon einige Zeit an dem Problem sitze, hier aber wirklich nicht weiter weiß.

Vielen Dank!
Gruß, schmietwech

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
<body text="#000000" bgcolor="#FFFFFF"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width=100% height=100% border=1 cellspacing=0 cellpadding=0>
<tr>
 <td colspan=3 height=40>Hallo Welt</td>
 <td height=40>Hallo Welt</td>
 <td width=1 height=40><img src="spacer.gif" width="1" height="40" border="0" alt=""></td>
</tr>
<tr>
 <td colspan=4 height=26>
 <!-- PROBLEM -->
 <img src="problem.gif" width="531" height="26" border="0" alt="">
 <!-- PROBLEM -->
 </td>
 <td width=1 height=26><img src="spacer.gif" width="1" height="26" border="0" alt=""></td>
</tr>
<tr>
 <td width=10 height=100% bgcolor=#00FF00><img src="spacer.gif" width="10" height="1" border="0" alt=""></td>
 <td colspan=2>
  <table width=100% height=100%>
   <tr>
    <td>Hallo Welt</td>
   </tr>
   <tr>
    <td>Hallo Welt</td>
   </tr>
   <tr>
    <td>Hallo Welt</td>
   </tr>
  </table>
 </td>
 <td>
  <iframe src="index.htm" width="100%" height="100%" name="iframeframe">
   Ihr Browser kann leider keine eingebetteten Frames anzeigen.</p>
  </iframe>
 </td>
 <td height=100%><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
 </tr>
 <tr>
  <td width=10 height=1 bgcolor=#00FF00><img src="spacer.gif" width="10" height="1" border="0" alt=""></td>
  <td width=185 height=1 bgcolor=#FF0000><img src="spacer.gif" width="185" height="1" border="0" alt=""></td>
  <td width=30 height=1 bgcolor=#00FF00><img src="spacer.gif" width="30" height="1" border="0" alt=""></td>
  <td height=1 bgcolor=#FF0000> </td>
  <td width=1 height=1><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
</table>
</body>
</html>