IE Bug? IE interpretiert Höhenangaben falsch?!
richi
- html
Guten Morgen,
ich möchte das Layout meiner Website mittels blinder Tabellen festlegen. Die Tabelle ist zweispaltig und dreizeilig und hat eine Breite von zB. 600px:
A1 | A2
--------
B1 | B2
--------
C1 | C2
Die erste Zeile soll zB: 220px hoch sein.
Die zweite Zeile soll zB: 80px hoch sein.
Die dritte Zeile soll beliebig hoch sein, je nach Inhalt.
Die erste Spalte soll zB: 10em breit sein.
Die zweite Spalte soll die restliche Breite der Tabelle füllen.
Die Zellen B2 und C2 sollen verbunden werden. In diesen Zellen steht der Inhalt.
Die Zelle C1 ist für die Navigation gedacht.
Die Tabelle würde dann in etwa so aussehen:
A1 | A2
|
-----------
B1 | Inh
----- Inh
Nav | Inh
Nav | Inh
Nav | Inh
Nav | Inh
Nav | Inh
Nav | Inh
Mein Problem ist nun, dass sobald in den Zellen B2/C2 ein längerer Inhalt steht, der InternetExplorer die Höhenangabe für die zweite Zeile (man sieht es an B1) nicht mehr korrekt interpretiert. Der Firefox macht natürlicherweise keine Probleme.
Hier noch der Quellcode:
<html>
<head>
<title>ie ist doof</title>
</head>
<body>
<table style="width:600px" border="1"> <!-- border="1" für Testzwecke -->
<tr style="height:220px">
<td style="width:10em;">A1</td>
<td>A2</td>
</tr>
<tr style="height:80px";>
<td>B1</td>
<td rowspan="2">
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!IE ist doof!!
</td>
</tr>
<tr>
<td valign="top">Nav</td>
</tr>
</table>
</body>
</html>
Hallo,
der Grund ist einfach der, dass Du keine Höhenangabe für die tr/td "NAV" angegeben hast. Da bedient sich der IE autom. in der ersten verbundenen Zeile.
Aber:
Hast Du mal darüber nachgedacht, die Zeile C wegzulassen, und stattdessen in "Zelle" B1 eine Tabelle, bestehend aus 1 Spalte und 2 Zeilen, einzufügen ??
A1 | A2
---------------
| a1 |
-------- B2
| b1 |
---------------
Müsste nach meinem Verständnis funktionieren, da die Aussentablle nicht das Design der Innentabelle angreift !
Gruß
Stephan
Hello out there!
ich möchte das Layout meiner Website mittels blinder Tabellen festlegen.
Warum beschäftigst du dich nicht mit <http://de.selfhtml.org/css/layouts/index.htm@title=CSS-basierten Layouts>?
Verwende vernünftige HTML-Auszeichnung und CSS – und dein Problem hat aufgehört zu existieren.
See ya up the road,
Gunnar