ich habe hier ne Tabelle mit 3 Zeilen.
Die obere und die untere haben eine feste Höhe, die andere soll sich anpassen.
Habe einen div reingemacht und ihm nen overflow: auto gegeben, aber das funktioniert alles nicht. Der Inhalt wird immer so lang wie er halt ist und dadurch ist der "footer" nicht mehr sichtbar.
Ich kann auch keine div-layout machen. Weiß jemand ne Lösung mit diesem Tabellenkonstrukt ?
Die obere und die untere haben eine feste Höhe, die andere soll sich anpassen.
Habe einen div reingemacht und ihm nen overflow: auto gegeben, aber das funktioniert alles nicht. Der Inhalt wird immer so lang wie er halt ist und dadurch ist der "footer" nicht mehr sichtbar.
Ich kann auch keine div-layout machen. Weiß jemand ne Lösung mit diesem Tabellenkonstrukt ?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body, html { height: 100%; padding: 0; margin: 0 }
table { height: 100%}
div.container { overflow: auto; height: 100% }
td.container { overflow: auto }
</style>
</head>
<body>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="20">huhu</td>
</tr>
<tr>
<td class="container">
<div class="container">
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
</td>
</tr>
<tr>
<td height="20">er</td>
</tr>
</table>
</body>
</html>