Interpretiert der IE die Höhenvorgabe einer Tabellenzelle nicht?
Ralph
- css
0 Patrick
Hallo,
Folgender Testcode funktioniert bei mir sowohl in Opera als auch in Firefox, das heisst, die Tabellenzelle welche 30 Pixel hoch sein soll, ist auch 30 Pixel hoch. Im IE 6 und 7 hat die Tabellenzelle jedoch eine Höhe nach Belieben des Internet Explorers aber auf alle Fälle mehr als 30 Pixel. Schafft der IE selbst in Version 7 die Interpretation einer simplen Höhenangabe nicht bzw. kann ich was an meinem Code ändern, damit es auch im IE funzt? Ich habe die Höhe sowohl mit CSS als auch HTML angegeben, aber das hat den IE beides nicht beeindruckt.
Hier der Testcode:
<table border="1">
<tr>
<td STYLE="height:30px" height="30px">nur 30px hoch</td>
<td rowspan="2">
keine Höhenangabe, so hoch wie durch Text vorgegeben<BR> <BR>
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla<BR> <BR>bla
</td>
</tr>
<tr>
<td STYLE="height:auto">
keine Höhenangabe, automatisch restliche Höhe
</td>
</tr>
</table>
PS: Die Gesamthöhe der Tabelle kann ich nicht absolut angeben, da diese variiert, je nachdem wieviel die rechte Tabellenzelle Text aufnehmen muss.
Hi!
Warum der IE da Mühe hat weiss ich auch nicht, so auf die Schnelle fällt mir diese Lösung ein:
<table border="1">
<tr>
<td valign="top"><table border="1">
<tr>
<td STYLE="height:30px" height="30px">nur 30px hoch</td>
</tr>
<tr>
<td STYLE="height:auto"> keine Höhenangabe, automatisch restliche Höhe<br>
<br>
<br>
<br>
Mehr Text...</td>
</tr>
</table></td>
<td> keine Höhenangabe, so hoch wie durch Text vorgegeben<BR> <BR> <BR>
<BR>
bla<BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla <BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla <BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla <BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla<BR> <BR>
bla <BR> <BR> </td>
</tr>
</table>
Nicht perfekt, aber eine Möglichkeit...(?) ;-)
Grüsse
Patrick