Thomas Lindgaard <thomas@it-snedkeren.BLACK_HOLE.dk> skrev :
>Hvordan får man en <div> (eller noget andet) til at fylde hele højden af
>skærmen ud hvis man er i "ikke-quirks"-mode (for så virker height="100%" jo
>ikke)?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title> 100%</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
<!--
body, html {height: 100%; margin: 0; padding: 0; overflow:
auto}
#bag {height: 100%; background: green; color: white}
h1 {font-size: 2em; text-align: center}
p {font-size: 1em; text-align: center}
span {background: green}
-->
</style>
</head>
<body>
<div id="bag">
<h1>Dette fylder 100%</h1>
<p>brødtekst</p>
</div>
</body>
</html>
Virker i IE 6 og Opera 7, i Mozilla 1.21 (og dermed sikkert også
Netscape 6/7) kommer der et hvidt border øverst og overflow: auto
virker ikke.
Det kan så reddes ved at give body samme baggrundsfarve som div,
men der vil så være en margin,
eller ved at undlade at bruge h-tags, ved brug af <p> er der
tilsyneladende ikke samme problem.
Det er, hvad jeg kan nå frem til på denne tid af natten, er for
træt til at kunne udtænke noget mere genialt.
--
Knud -
http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.