nicht angemeldet
XHTML: Tabelle über gesamte Seitenhöhe?
Oi,
abgesehen vom Mozilla 1.2 scheitere ich bei dem Versuch, eine dreizeilige Tabelle mit fixer Höhe in der oberen und unteren Zeile über die gesamte Höhe der Seite zu erstellen. IE 6, Opera 6 und Netscape 6 schrumpfen die mittlere Zeile auf ein Mindestmaß zusammen und verteilen die restliche Höhe auf die obere und untere Zeile (trotz deren fest definierter Höhe):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
html{ height:100%; }
body{ height:100%;width:100%;margin:0px;padding:0px; }
td{ padding:0px; }
#tab{ border-collapse:collapse;border-spacing:0px;height:100%;margin:0px auto 0px auto; }
#obe,#mit,#unt{ border:1px dashed #999; }
#obe{ height:108px;width:740px; }
#mit{ border-color:#c30; }
#unt{ height:67px; }
</style>
</head>
<body>
<table id="tab">
<tr>
<td id="obe">oben â bin ich 108 px hoch?</td>
</tr>
<tr>
<td id="mit">mitte â verfüge ich über die restliche Höhe?</td>
</tr>
<tr>
<td id="unt">unten â bin ich 67 px hoch?</a></td>
</tr>
</table>
</body>
</html>
Gibt es dafür einen Lösungsansatz? Vielleicht auch ohne Tabelle (also dreizeiliger Aufbau mit fester Höhe in oberer und unterer Zeile, ohne Abstand nach oben/unten)?
TIA Robert
-
Hi,
Gibt es dafür einen Lösungsansatz? Vielleicht auch ohne Tabelle (also dreizeiliger Aufbau mit fester Höhe in oberer und unterer Zeile, ohne Abstand nach oben/unten)?
Drei divs, alle absolut positioniert.
Das oberste auf top/left 0, Höhe 108px
Das unterste auf bottom/left 0, Höhe 67px
Das mittlere auf top 108px/left 0/bottom 67px
(wobei man top/bottom auch auf 0 setzen könnte, um dann entsprechende margins verwenden)cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/-
Hallo Andreas,
Drei divs, alle absolut positioniert.
Das oberste auf top/left 0, Höhe 108px
Das unterste auf bottom/left 0, Höhe 67px
Das mittlere auf top 108px/left 0/bottom 67pxdanke für den Hinweis! Das hatte ich vor dem Tabellenexperiment versucht, allerdings tritt dann das Problem auf, daß das mittlere div mit seinem variablen Inhalt das untere div nicht nach unten drückt, wenn der gesamte Inhalt höher als der Anzeigebereich im Browser ist (sondern das mittlere div streckt sich unter dem unteren hindurch).
?
Robert
-