Hi!
Mein Problem bezieht sich auf folgendes schematisches HTML Konstrukt:
<table width=600 border=1>
<tr height=100><td colspan=3>// head</td></tr>
<tr><td height=50 width=100>// 1</td><td width=300 rowspan=2>
//middle
//middle
</td><td width=150 height=50>// 2</td></tr>
<tr><td>filler 1</td><td>filler 2</td></tr>
<tr><td colspan=3>// foot</td></tr>
</table>
Alles anzeigen
Guckt euch den Code mal im Firefox und danach im IE an. Im Firefox stellt er die Zelle // 1 sowie // 2 mit der korrekten höhe dar, nämlich 50px und das unabhängig von der höhe des inhalts von // middle.
Der Internet Explorer stellt die höhe von 1 und 2 nur korrekt dar, wenn der inhalt von // middle nur so groß ist, das er die tabelle nicht erweitert. Ist das der fall, erhöht der IE die Höhe von 1 und 2, die aber eigentlich da sie ja auf 50px festzgesetzt ist gar nicht angetastet werden dürfte. Er sollte doch eigentlich eher viel mehr die Höhe der Zelle verändern die keine festgelegte Höhe besitzt, warum verändert der die höhendefinierte zelle, und nicht die freie? Hab's auch schon mit style='height:auto;' probiert, das geht aber auch nicht. Hat jemand ne Idee?