div in div und z-index

[qualtext]

hallo gemeinde,http://www.coding-board.de/board/ima...lies/frown.gif

habe ein problem mit css.
ich möchte mehrere divs (die mit z-index übereinander gelagert sind)
in einem anderen div einfügen.

<div style="width:760px;margin:0px auto;background-color:#660000">(zentrierter allgemeiner div)
    <div id="Layer1" style="position:absolute; left:0px; top:0px; width:83px; height:80px; z-index:1; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000;">1</div>

    <div id="Layer2" style="position:absolute; left:30px; top:0px; width:152px; height:48px; z-index:2; background-color: #9933FF; layer-background-color: #9933FF; border: 1px none #000000;">2</div>

    <div id="Layer3" style="position:absolute; left:150px; top:0px; width:61px; height:43px; z-index:3; background-color: #9999CC; layer-background-color: #9999CC; border: 1px none #000000;">3</div>

</div>

das problem: sie werden nicht in dem zentrierten div angeordnet, sondern die angaben der divs beziehen sich auf das browserfenster.

wie bekomme ich das hin, dass sie da drin liegen _und_ überlagert bleiben?
wenn ich die positionsethode ändere (bsp: inherit) so sind die divs im großen div, aber der z-index ist nicht mehr wirksam.http://www.coding-board.de/board/ima...s/confused.gif

kann mir da jemand helfen?
vielen dank,
qualtext

[tele]

da steht was von "position:absolute", was nunmal ein element absolut im Fenster anordnet. Da solltest du nochmal in die CSS Dokumentation gucken, wie man Elemente relativ zueinander anordnet.

Ich empfehle dazu ganz start selfhtml, da gibt es auch hinreichend Beispiele für positionierte DIVs

[[EID]-Mr.GiZMO]

Ich schließe mich tele an und gebe den Tipp, statt absolute, relative zu nutzen.

[mondrian]

drin liegen _und_ überlagert

Oder das äussere DIV müßte ebenfalls position:absolute erhalten.