1. indlæg fra fennec er ukorrekt ...
-- positionering med relative tages fra den position, hvor elementet ellers ville have været, mens absolut positionering tages ud fra det nærmest omkransende elements position, og hvis der ikke findes et sådant så fra browser-vinduet ...
-- desuden vil et relativt positioneret i forhold til andre elementer fylde op på lige præcis det sted, det ville have været, hvis ikke det var blevet flyttet ...
2/3. indlæg henviser til et site, som er herostratisk berømt for utallige fejl, udeladelser, misfortolkninger og manglende angivelse af den nødvendige sammenhæng for en hel masse ting ,-(
-- det er desværre ikke det eneste sted, der har det problem, men html.dk er så slem, at det pæneste, man kan sige om dem er, at der er huller imellem fejlene ...
-- men prøv at kigge på, hvordan disse opfører sig (når du så har set det, så prøv at fjerne dtd-linket i doctype-tagget og se forskellen i IE !-)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
.kode{color:blue;}
div{border:2px dotted black;}
</style>
<title>Vis positionering</title>
</head>
<body>
<div style="width:750px;position:relative;top:0;height:100%;background:#aaf;margin:0 auto;">
Denne div indeholder resten af sitet, er positioneret relativt, er centreret og har browserens højde<br>
<span class="kode">width:750px; position:relative; top:0; height:100%; margin:0 auto;</span>
<div style="position:relative;top:300px;height:200px;left:300px;width:100px;background:#ff7;text-align:center;">
Denne er flyttet med relativ position<br>
<span class="kode">position:relative; top:300px; height:200px; left:300px; width:100px;</span>
</div>
<div style="background:#f77;text-align:center;">
Denne er placeret efter den gule, med ikke positioneret
</div>
<div style="position:absolute;left:100px;width:100px;top:50px;height:200px;background:#7f7;text-align:center;">
Denne er placeret efter den røde, men er positioneret absolut<br>
<span class="kode">position:absolute; left:100px; width:100px; top:50px; height:200px;</span>
</div>
</div>
<div style="position:absolute;left:100px;width:100px;top:50px;height:200px;background:#ccc;text-align:center;">
Denne er placeret udenfor den store, men er ellers nøjagtig magen til den grønne<br>
<span class="kode">position:absolute; left:100px; width:100px; top:50px; height:200px;</span>
</div>
</html>
