Dr. B.: Positionierung

Beitrag lesen

Hallo allerseits!

Ich möchte einen <div>-Container unterhalb eines anderen <div>-Containers verankern. Nun habe ich folgende Konstruktion, welche nicht zum gewünschten Ergebnis führte, gewählt:

<body>
<div>
....
</div>
<div>
....
</div>
<div>
....
</div>
<div>
Hierunter soll etwas positioniert werden
</div>

<div id="mutter">
<div>
....
</div>
<div>
....
</div>
<div>
....
</div>
<div style="position:absolute; top:10px; right:10px; width:140px; padding:3px; border-width:2px; border-style:solid;">
Dieser Container soll oben positioniert werden.
</div>
  </div>
</body>

Meiner Ansicht nach ist <div id="mutter"> das Elternelement meines zu positionierenden Containers. Aus diesem Grund sollte dieser Container 10px unterhalb des Anfangs von <div id="mutter"> beginnen.
Er beginnt aber 10px unterhalb von <body>.

Weiss jemand, was ich falsch mache?

Im Voraus besten Dank!

Euer
Dr. B.