Berechnung der Höhe/Breite von Tabellenzellen unter Mozilla
Marco Müller
- html
0 Cheatah
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.
Hi,
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,
nein, dieses Verhalten kann ich mir in der Tat nicht erklären.
während Mozilla 1.3 Höhe oder Breite der mittleren Zeile anders berechnet.
Wie soll er auch auf die Angabe "die gesamte Breite plus 200 Pixel" vernünftig reagieren? Mehr als der verfügbare Platz ist eben nicht, wie soll ich's sagen, verfügbar.
Interessanterweise stellt Mozilla die (auskommentierten) Alternativen korrekt dar.
Die enthalten ja auch keinen Widerspruch.
Wie kann ich die Tabelle auch unter Mozilla korrekt darstellen?
Beschäftige Dich mit den <col>- und <colgroup>-Elementen.
Cheatah