nicht angemeldet
Hallo zusammen,
kann jemand von Euch das folgende Verhalten erklären und mir eine mögliche Lösung geben?
Die Tabelle auf der Seite wird unter Opera 7.11, IE 6 und Netscape 7 korrekt dargestellt, während Mozilla 1.3 Höhe oder Breite der mittleren Zeile anders berechnet. Interessanterweise stellt Mozilla die (auskommentierten) Alternativen korrekt dar.
Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Tabellentest</TITLE>
</HEAD>
<BODY style="width:100%;height:100%;">
<div name="mytable" id="mytable"
style="position:absolute;top:20px;left:20px;width:400px;height:400px;overflow:hidden;">
<table border="1" cellspacing="0" cellpadding="0" style="width:100%;height:100%;">
<tr>
<td style="width:100px;height:100px;"><img src="test.jpg" width="100" height="100"/></td>
<td style="width:100%;height:100px;"><img src="test.jpg" style="width:100%;height:100px;"/></td>
<td style="width:100px;height:100px;"><img src="test.jpg" width="100" height="100"/></td>
</tr>
<tr>
<td colspan="3" style="width:100%;height:100%;"><img src="test.jpg" style="width:100%;height:100%;"/></td>
<!--
<td colspan="3" style="width:100%;height:100%;"><img src="test.jpg" style="width:100%;height:100px;"/></td>
<td colspan="3" style="width:100%;height:100%;"><img src="test.jpg" style="width:100px;height:100%;"/></td>
-->
</tr>
<tr>
<td style="width:100px;height:100px;"><img src="test.jpg" width="100" height="100"/></td>
<td style="width:100%;height:100px;"><img src="test.jpg" style="width:100%;height:100px;"/></td>
<td style="width:100px;height:100px;"><img src="test.jpg" width="100" height="100""/></td>
</tr>
</table>
</div>
</BODY>
</HTML>
Wie kann ich die Tabelle auch unter Mozilla korrekt darstellen?
Viele Grüsse,
Marco
P.S.: Einige der obigen Style-Angaben sind sicher unnötig, aber das ist einfach das Ergebnis meines bisherigen Testens.