Enligt vad jag förstår av w3schools.com, så skall ett element med absolut positionera lägga sig relativt till det block den ligger i.
Citat:
An element with position: absolute is positioned at the specified coordinates relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties
|
Men, för mig verkar det alltid som om position: absolute; alltid refererar till sidan.
Ex.
Kod:
#box {
width:200px;
height:80px;
position: absolute;
top: 20px;
left: 10px;
z-index:1;
border:#000000 1px dashed;
background:#CCCCCC;
}
<div id="container">
<div id="box">INFO!</div>
</div>
I ovan vill jag alltså att "box" ska ligga 20px från toppen och 10px från vänster i "container".
Men "box" lägger sig 20px från toppen och 10px från vänster i sidan. Oavsett vart "container" befinner sig.
Förklaring, klargörande och hjälp?

Tack!
Edit: förvirrande rubrik? :P