nicht angemeldet
CSS-Angabe der Zellengröße wird vom IE nicht interpretiert
Gernot BackHallo zusammen,
ich habe folgendes Problem und brauche Eure Hilfe:
Und zwar habe ich eine Tabelle mit zwei Spalten. Die erste Spalte erstreckt sich über zwei Zeilen und ist für die Höhe der Tabelle bestimmend. Die zweite Spalte teilt sich in zwei Zeilen. Die obere soll von definierter Höhe (zum Beispiel 40px) sein, die untere sich dem Rest der Tabellenhöhe anpassen. Der Quelltext sieht folgendermaßen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Beispiel 1</title>
<style type="text/css">
#zelle1 {background-color:red; }
#zelle2 {background-color:green; height:40px; }
#zelle3 {background-color:blue; }
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan ="2" id="zelle1">Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br></td>
<td id="zelle2">Zelle 2</td>
</tr>
<tr>
<td id="zelle3">Zelle 3</td>
</tr>
</table>
</body>
</html>
Anzugucken unter: http://home.arcor.de/m.b.link/beispiel1.html
Nun zum konkreten Problem: Firefox und Safari stellen die Seite so dar, wie von mir gewünscht. Nur der IE hält sich nicht an die vorgegebene Höhe der ersten Zeile der zweiten Spalte. Woran liegt das? Und wie kann ich dieses Problem umgehen?
Vielen Dank für alle Antworten im Voraus, Martin
-
Hallo Martin,
es könnte für den IE helfen, wenn du der Tabelle insgesamt eine Höhe in der Maßeinheit em ungefähr entsprechend der Anzahl der Zeilen gibst, die in ihr Platz finden sollen (vielleicht auch etwas weniger). Ob das aber sicherstellt, dass deine Zelle 2 exakt 40 Pixel hoch ist, wage ich trotzdem zu bezweifeln. Genau kriegst du das wahrscheinlich nur mit darin platzierten Grafiken in entsprechnder Höhe hin. Wenn du in deinen jetzigen Zellen selbst keine Grafiken haben möchtest, kannst du darüber nachdenken, ob du noch eine Dummyspalte anhängst, in der du auf 1px Breite und entsprechnend deinen Wünschen in der Höhe skalierte Blindpixel (Gif mit nur einem transparenten Pixel) platzierst.
Am besten verzichtest du aber, wenn es sich nicht wirklich um eine Tabelle mit tabellearischen Daten handelt auf Tabellenlayout und versuchst es mal mit ineinander verschachtelten anderen Elementen (DIV, wenn sich nichts passenderes anbietet), die du floaten lässt.
Gruß Gernot