Frank: DIV: 100% nur angezeigter Bereich im Browser?

Beitrag lesen

Hallo,

die Styleangaben in HTML zu benutzen ist kein Fehler... Aber nochmal eine bereinigte Version:

<html>
<head>
<title>Divs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{
  padding:0px;
  margin:0px;
  height: 100%;
 background:#333
}
#Ebene1 {
 position:absolute;
 width:90px;
 height:100%;
 z-index:1;
 left: 0px;
 top: 0px;
 background-color: #00FF00;
 overflow: visible;
}
#Ebene2 {
 position:absolute;
 width:200px;
 height:500px;
 z-index:1;
 left: 200px;
 top: 0px;
 background-color: #0000FF;
 overflow: visible;
}
</style>
</head>

<body>
 <div id="Ebene1"></div>
 <div id="Ebene2"></div>
</body>
</html>

So, dass löst aber mein grundsätzliches Problem nicht, das "Ebene1" mit height: 100% nur so groß ist wie der im Browser angezeigte Bereich und nicht so hoch, wie die ganze Seite, Die Durch "Ebene2" bestimmt wird. Schieb mal deinen Browser auf eine sehr kleine Höhe zusammen, dann verstehst Du, was ich meine.

Schöne Grüße
Frank