klickme: div-box dynamisch an höhe des browserfensters anpassen

gibt es eine möglichkeit, eine div-box zu zu formatieren, dass sich ihre höhe an das browserfenster anpasst?

mein test sieht so aus, funktioniert aber leider nicht wie gewünscht...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de">

<head>

<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<style type="text/css" media="screen"><!--
#box          { background-color: #eee; margin: auto; width: 800px; height: 100% }
--></style>
</head>

<body >
<div id="box">
 test
</div>
</body>

</html>

kann mir jemand bitte einen tipp geben?

  1. gibt es eine möglichkeit, eine div-box zu zu formatieren, dass sich ihre höhe an das browserfenster anpasst?

    probiers mal so:

    <!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>
    <title>test</title>
    <style type="text/css">
    html, body { height: 100%; margin: 0; padding: 0 }
    div { height: 100%; background: navy; color: white }
    </style>
    </head>
    <body>
    <div>test</div>
    </body>
    </html>

    1. oh danke, da lässt sich scheinbar etwas für meine
      bedürfnisse drauss machen!

      danke!!!!