DIV - Layer - Positionierung

[Daniel_T]

Hallo!

Ist folgendes möglich:

Ein Div-Layer der immer zentriert ist und mehrere Div-Layer beinhaltet. Diese "Sub-Layer" sollen aber immer absolut zum "Haupt-Layer" positioniert werden.

Das z.B. funktioniert nicht:
<div name="main" style="position: absolute; z-index: 10; top: 10px; width: 500px; height: 400px; background-color: #888888">

<div name="top" style="position: relative; z-index: 9; top: 10px; width: 200px; height: 200px;  left: 20px; background-color: #BB2222">
Box 1
</div>

<div name="nav" style="position: relative; z-index: 10; top: 20px; width: 50px; height: 300px; left: 15px; background-color: #55AA55">
Box 2
</div>

</div>

Die Sub-Layer sollen sich immer am Haupt-Layer orientieren. Die Sub-Layer sollten sich aber auch überlappen können.

Geht das?

Vielen Dank!
Daniel