nicht angemeldet
Hallo zusammen,
ich möchte eine Seite darstellen, die eine Kopfzeile hat und darunter ein DIV, das den gesamten restlichen Platz den Browserfensters einnimmt. Klingt einfach:
<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="height:100%">
<head>
<title>Titel</title>
</head>
<body style="height:100%;margin:0;padding:0;">
<div style="height:100%">
<div>Hier ist die Kopfzeile.</div>
<div style="height:100%;">
Und hier der Inhalt.
</div>
</body>
</html>
(http://www.kevinkempfer.de/test.html)
Funktioniert so leider nicht. Das untere Div ist zwar exakt so hoch wie das Browserfenster - dadurch entsteht aber eine vertikale Scrollleiste, weil die Höhe der Kopfzeile scheinbar nicht berücksichtigt wird und auf die Gesamtlänge addiert wird, sodass beides zusammen doch länger als das Browserfenster ist.
Kann mir jemand den Fehler zeigen? Warum entsteht die Scrollleiste?
Danke,
Kevin.