div in div und z-index
 

hallo gemeinde,[IMG]http://www.coding-board.de/board/images/smilies/frown.gif[/IMG]

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

[html]
<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>
[/html]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[B] _und_ [/B]ü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.[IMG]http://www.coding-board.de/board/images/smilies/confused.gif[/IMG]

kann mir da jemand helfen?
vielen dank,
qualtext

AW: div in div und z-index
 

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

AW: div in div und z-index
 

Ich schließe mich tele an und gebe den Tipp, statt [I]absolute[/I], [B][I]relative [/I][/B]zu nutzen.

AW: div in div und z-index
 

[quote]drin liegen[B] _und_ [/B]überlagert[/quote]
Oder das äussere DIV müßte ebenfalls position:absolute erhalten.
[RIGHT]

[/RIGHT]