div-box dynamisch an höhe des browserfensters anpassen
klickme
- css
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?
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>
oh danke, da lässt sich scheinbar etwas für meine
bedürfnisse drauss machen!
danke!!!!