div

Wenn man einen Div-Container über ein anderes Div-Element legen möchte,
muss man dem umschließendem Eltern-Element das Attribut position: relative; zuweisen und den darin befindlichen
Div-Containern die Eigenschaft position: absolute; geben.

Dadurch liegt dann das Kinder-Div, welches zuletzt im Code definiert wurde, am Obersten.
In meinem Beispiel liegt child_2 also über child_1:

parent
child_1
child_2
CSS

<style>
#parent { position: relative; }
#child_1, #child_2 { width: 200px; height: 200px; position: absolute; }
#child_1 { background-color: red; }
#child_2 { background-color: green; }
</style>

HTML

<div id="parent">
<div id="child_1"></div>
<div id="child_2"></div>
</div>


Quelle: http://www.bennyn.de/programmierung/css/div-container-ubereinander-legen.html

Div zentrieren oder so

#wrapper { width: 400px; height: 200px; position: relative; display: table-cell;
vertical-align: middle; text-align: center; background-color: black; }
#center { width: 200px; height: 60px; position: relative; display: inline-block; background-color: yellow; }

<div id="wrapper">
<div id="center"></div>
</div>

Autobots übernehmen