Hilfe bei div-container

[Youngbloodzz]

hi leute

also ich befass mich seit paar Tagen mit dem Machen einer Homepage mit HTML,CSS und gaaanz wenig mit PHP...
hab eig schon recht viel gelernt,nur will ich jetz etwas einbauen,wo ich keine Ahnung hab,wie ich das anstellen soll xD

Also folgendes:

ich will 3 div-container haben,die sich ein wenig überlagern...also in 3 verschiedenen ebenen (wie das geht weiß ich),diese sind jedoch nicht zu 100% überlagert,sondern man sieht von jedem der beiden unteren ebenen noch nen teil.

nun will ich durch draufgehen mit der maus,dass die ebenen getauscht werden.

also ich geh auf den container in der letzten ebene und dieser soll nach vorne rücken,so dass ich ihn vollständig seh,sobald ich mit der maus draufgeh.

hoffe ich habs so ausgedrückt,dass ihr versteht,was ich meine

Wenn ihr mir da bisschen helfen könntet,wär ich euch sehr dankbar

mfg

[NotEnoughForYou]

Positionierst du sie absolute ? Spontan würde mir ne JavaScript Lösung zu einfallen. Zeig mal deinen HTML code

[PseudoPsycho]

Wenn du das mit style="z-index:XY", dann kann man einfach den Style beim Überfahren ändern... Entweder direkt im CSS mittels :hover oder aber via JavaScript...

[Youngbloodzz]

danke schon mal für die antworten

hab noch mit paar anderen leuten geredet und die haben mir alle JavaScript empfohlen..
dann muss ich das wohl auch noch schnell lernen D: xD

[HeadSplitter <3]

Ahm,

Float? Dann Margin? Dann bisschen herumspielen und sollte funktionieren

[Heberg]

<div class="Container">
 <div class="Inbox">
  <div class="InInBox">
  </div>
 </div>
</div>

.Container {
background: black;
height: 1000px;
width: 1000px;
margin: 0px auto;
}
.InBox {
background: white;
height: 1000px;
width: 800px;
margin: 0px auto;
}
InInBox {
background: black;
height: 1000px;
width: 600px;
margin: 0px auto;
}

lg Heberg