iasonas: border-rahmen soll sich automatisch an größe von browserfenster anpassen

Beitrag lesen

ich verzweifle. will was ganz einfaches: einen rahmen, der sich (auch bei wenig textinhalt) immer der größe des browserfensters anpasst.

klappt an drei seiten, ausser unten.

wenn der text tiefer runtergeht als die höhe des browserfensters soll der untere rand nicht zu sehen sein, sondern erst dann, wenn man bis zum seiten- bzw. textende runter gescrollt hat. aber leider klappt auch das nicht.

recherschier seit ner stunde im netz. nichts.

weisst du wie das geht??

freue mich über konstruktive hilfe.

hier der code:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <meta name="description" content="">
    
    <style>
    
    * { margin: 0; padding: 0; }
    
    .clear {
    	clear: both;
    	}
    	
    html, body {
        height: 100%;
    	}
    
    #rahmen {
        height: 100%;
        background-color: #d8c801;
        border: 10px solid #9d9100;
    	}
   
    </style>
   </head>
  <body>
  
  <div id="rahmen">
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  text text text <br />
  </div>
  
  </body>
</html>