Hilfe bei div-container

01/10/2012 19:52 Youngbloodzz#1
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 :D

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

mfg
01/10/2012 21:14 NotEnoughForYou#2
Positionierst du sie absolute ? Spontan würde mir ne JavaScript Lösung zu einfallen. Zeig mal deinen HTML code
01/10/2012 22:29 PseudoPsycho#3
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...
01/11/2012 10:41 Youngbloodzz#4
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
01/15/2012 17:18 HeadSplitter <3#5
Ahm,

Float? Dann Margin? Dann bisschen herumspielen und sollte funktionieren ;)
01/15/2012 19:56 Heberg#6
HTML Code:
<div class="Container">
 <div class="Inbox">
  <div class="InInBox">
  </div>
 </div>
</div>
HTML Code:
.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