Höhe der Tabellenzelle im IE funktioniert nicht

html.de-Forum HTML, XHTML & CSS
1

In folgender Tabelle soll die Zelle oben rechts 22px hoch sein. Safari und Firefox machen das so, nur der IE (mal wieder) kann das aus irgendwelchen Gründen nicht (:evil:)

[HTML]

<head>
	<title></title>
</head>
<body>

	<table>
		<tr>
			<td rowspan="3" style="border:red solid 1px;width170px;height:200px;">bla</td>
			<td style="border:blue solid 1px;width:100%;height:20px;">
				<div style="border:cyan solid 1px;margin:0;">Diese Zelle, die dieses div-Element enth&auml;lt, soll genau 22px hoch sein.</div>
			</td>
		</tr>
		<tr>
			<td style="border:yellow solid 1px;">bla</td>
		</tr>
			<td style="border:green solid 1px;">bla</td>
		<tr></tr>
	</table>

</body>
[/HTML]

Kann mir jemand einen Tip geben wie man das reparieren kann?

2

Bei mir funktioniert das so:

[code]

TEST 1
2
3
[/code]
3

Ja, danke für die Antwort. Leider habe ich die Frage falsch gestellt. Ich kann die Tabelle nicht ändern, weil sie so von einem Programm generiert wird. Deshalb kann ich auch kein -Tag einfügen sondern bin auf die Struktur in meinem ersten Beitrag angewiesen. Ich dachte eher an einen Hinweis welchen CSS-Formatierungsbefehl ich noch verwenden könnte.

4

Dann änder das Tag doch mal in ein Tag :slight_smile:
Kannst du außerdem mal verraten, welches Programm du verwendest?

5

Das Programm ist GWT - Google Web Toolkit (Google Web Toolkit - Google Code), und wenn ich in umwandel, dann ist es genau das was ich im ersten Post als html angegeben habe und das funktioniert nicht.

Aber scheinbar funktioniert das insgesamt nicht. Dann werde ich einfach ein anderes GWT-Widget in die Tabelle schachteln. Bedeutet zwar vier oder fünf Zeilen mehr Code läuft dann aber auch wie gewünscht. Dachte es wäre auch so möglich, aber IE halt…;ugl

Danke für die Hilfe.

6

Seltsam, bei mir sieht das in beiden Browsern identisch aus…