Hallo,
ich bekomme zwar eine variable Höhe, allerdings bleibt immer noch ein kleiner Bereich den ich vertikal scrollen kann. Dieser Bereich bleibt bei unterschiedlichen Fenstergrößen gleich
Code:
<!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">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<title>DIV-Layout</title>
<style type="text/css">
* { border:0; padding:0; margin:0; font-family:sans-serif; }
div#kopf, div#fuss {
padding:10px;
background-color:#ffcc00;
}
div#navi {
float:left;
width:120px;
padding:10px;
background-color:#ffcc00;
}
div#inhalt {
padding:20px 20px 20px 160px;
background-image: url(bg.gif); background-repeat: repeat-y;
}
div#fuss { clear:left; }
</style>
</head>
<body>
<div id="kopf"><h1>div#kopf</h1></div>
<div id="navi">
<p>div#navi<br />div#navi<br />div#navi<br />div#navi<br />div#navi<br /></p>
</div>
<div id="inhalt">
<h2>div#inhalt</h2>
<p>div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br />div#inhalt<br /></p>
</div>
<div id="fuss"><p>div#fuss</p></div>
</body>
</html>
Wie kann ich eine Darstellung bekommen, die jeweils 100% des Bilschrims ausfüllt?
Grüße JohnnyBoy