Olli: Tabelle über ganze Höhe des Browserfenster (XHTML)

Beitrag lesen

Hi und noch frohe Weihnacht...

ich versuche gerade, eine Tabellenstruktur aufzubauen, in der 3 Bereiche fest sind, d.h. nicht scrollbar. Ein Teil, der Content soll nun über ein <div> scrollbar gemacht werden (ähnlich dem <inline>). Aber meine Tabelle geht einfach nichtüber die ganze Höhe, trotz "height: 100%" im CSS. Sieht einer einen Fehler oder weiß sonst noch Rat?

Ach ja, ich wollte das ganze eigentlich über <div>'s aufbauen, aber da hatte ich das Problem, dass mein eines <div> ja sich dann nicht an den noch verfügbaren Platz anpassen will. Wenn hierzu einer eine lösung hätte, wäre ich sogar noch dankbarer.

Hier mal der Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>
<title></title>

<link rel="stylesheet" type="text/css" href="../shared/css/layout.css"></link>
<style type="text/css">
table {
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 100%;
}

</style>
</head>

<body>
<table>
 <tr><td height="180"><p>TOP</p></td></tr>
 <tr><td height="18"><p>Nav</p></td></tr>
 <tr><td>
 <div style="width: 100%; height: 100%; overflow: auto; border: 0px solid red"><p>Blindtext</p></div>
 </td></tr>
 <tr><td height="80"><p>RSS</p></td></tr>
</table>
</body>

</html>

Danke für die Hilfe.

Gruss Olli