Fissh: Footer

Beitrag lesen

Hab ein Problem mit meinem Footer:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>hi</title>  
  
 <style type="text/css">  
  
  #footer {  
  
   background-color:green;  
  
   position:absolute;  
  
   bottom:0;  
  
  }  
  
 </style>  
  
</head>  
  
<body>  
  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 id="footer">  
  
   Dieser Text grenzt immer direkt an den unteren Fensterrand an,  
   auch wenn der HTML-Inhalt nur eine Zeile lang ist.  
  
  </div>  
  
</body>  
</html>  

Je nach Auflösung müsst ihr noch ein paar "test<br>" hinzufügen. Sobald ihr nach unten Scrollen könnt werdet Ihr mein Problem erkennen: Der Grüne Footer-DIV überdeckt den Inhalt, anstatt dass er IMMER am untersten Ende ist (also an dem Ende, das wegen dem Scrollbalken eigentlich noch garnicht sichtbar sein dürfte).