Kod
<html>
<head>
<title>TEST</title>
</head>
<body>
<div style="position:absolute;left:10px;top:10px;width:500px;height:100px;background:#f00">Kontener
<div style="position:realtive;left:0px;top:20px;width:100px;height:60px;background:#0f0">Obszar 1</div>
<div style="position:absolute;left:80px;right:0px;top:20px;width:100px;height:60px;background:#00f">Obszar 2</div>
</div>
</body>
</html>
<head>
<title>TEST</title>
</head>
<body>
<div style="position:absolute;left:10px;top:10px;width:500px;height:100px;background:#f00">Kontener
<div style="position:realtive;left:0px;top:20px;width:100px;height:60px;background:#0f0">Obszar 1</div>
<div style="position:absolute;left:80px;right:0px;top:20px;width:100px;height:60px;background:#00f">Obszar 2</div>
</div>
</body>
</html>
Tym razem Obszar 1 jest pozycjonowany relatywnie a Obszar 2 absolutnie. Oba mają ustawiony top:20px względem Kontenera.
No i jak zwykle: w FF2 wszystko ok.
W IE6 Obszar 2 jest ustawiony o 1px ZA NISKO!
Dlaczego?
Pozdrawiam.
Ustaw topmargin='0' leftmargin='0' również.