Hallo,
ich versuche, eine Tabelle zu erstellen, wobei in eine Zelle, die über 4 Tabellenzeilen geht, recht viel Text rein muss. Hierbei sollen die ersten 3 Zeilen der Tabelle in gleichbleibender Höhe sein und nur die letzte Zeile der Tabelle soll größer werden, wenn der Text die Höhe aller 4 Zeilen überschreitet.
Dies ist der Code, mit dem ich das versuche:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>APEX Row Template</title>
</head>
<body>
<table border="1" width="700px">
<tr>
<td style="width:20%; height:22">Row 1. Height 22px</td>
<td style="width:80%" rowspan="4" valign="top">Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test test</td>
</tr>
<tr>
<td style="height:22">Row 2. Height 22px</td>
</tr>
<tr>
<td style="height:22">Row 3. Height 22px</td>
</tr>
<tr>
<td>Row 4. Height auto</td>
</tr>
</table>
</body>
</html>
Wenn man sich das im Firefox anguckt, ist alles wunderbar, im IE9 hingegen werden die ersten 3 Zeilen größer gezogen, obwohl ich dort die Höhe auf 22 Pixel beschränkt habe.
Darstellung im Firefox
Darstellung im IE9
Was mache ich da falsch?
Viele Grüße,
Mark