Elternelement ??

[MudGuard]

Hi,

Hallo! Ich versuche mir gerade klarzumachen was ein Elternelement ist.

Das Element, was unmittelbar das Element umgibt.

Also eigentlich dachte ich, das im meinem Beispiel das Elternelement von #box1 das der div Container #main ist aber anscheinend nicht so.

Doch, ist so.

Ich wollte box1 in den Div container platzieren aber das Ding richtet sich auf body aus (denke ich).

Warum auch? Die absolute Positionierung richtet sich _nicht_ am Elternelement aus, sondern am ersten Eltern-, Großeltern-, Urgroßeltern-, ... Element, das eine andere Positionierung als static hat - wird kein solches Element gefunden, gilt der Viewport (sprich: das Browserfenster).

body {background-color: #00ADD8;}
       #main {background-color: #FFFACD; width: 760px; margin: 50px auto 0px auto;}
       #box1 {width: 400px; background-color: red; position: absolute; top: 0px; left: 0px;}

Keines der Vorfahren-Elemente von box1 hat eine Positionierung, die nicht static ist. Also wird am Viewport ausgerichtet.

cu,
Andreas