nicht angemeldet
Hallo nochmals!
In der Hoffnung irgendwie herauszufinden was
der Unterschied zwischen position:absolute; und position:relative; ist,
(aus selfhtml wurde ich auch nicht schlau)
habe ich ein Beispiel gemacht,
und erschreckender Weise festgestellt:
Ich kann position:absolute; und position:relative; x-beliebig
austauschen OHNE dass man einen Effekt sieht!
(Bitte <!-- Kommentar --> beachten im Source)
Danke!
Aqua
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
#outer
{
width:500px;
height:400px;
background-color:#ffcc00;
margin-left:200px;
margin-top:150px;
position:relative;
}
#inner
{
width:100px;
height:100px;
background-color:#ff0000;
position:relative; /* WICHTIGE ZEILE */
/* Hier kann man "relative" und "absolute" x-beliebig austauschen */
/* ohne dass man einen Unterschied sieht! - merkwürdig */
top:50px;
left:50px;
}
-->
</style>
</head>
<body>
<div id="outer">
<div id="inner">
Lorem ipsum dolor sit amet
</div>
</div>
</body>
</html>