ziegenmelker: DIV mit festem TOP aber variabler Höhe

Beitrag lesen

Hallo Tim,

Wie kann ich mit CSS einen DIV an sagen wir top: 10px; starten lassen, aber ihn so hoch einstellen, dass er genau an das untere Ende des Anzeigebereichs stößt?

indem Du ihm das Attribut 'bottom:0' verpasst. Leider versteht das offenbar der IE6 nicht, sodass eher die folgende Lösung in Betracht kommt:

<!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" lang="de" xml:lang="de">
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-15"></meta>
  <title>test</title>
  <style type="text/css">
    head {height:100%;padding:0}
    body {margin:0;padding:0;height:100%;background-color:#eee}
    #dv1 {
      background-color:green;
      top:2%;
      height:98%;
      width:100%;
      position:absolute;
      margin:0;
      padding:0}
  </style>
</head>
<body>
<div id="dv1">
Hier steht etwas Text.
</div>
</body>
</html>

tschau, ziegenmelker