2 Divs übereinander
Skiddo
- design/layout
0 Skiddo
Hallo Community,
Ich habe eine kleine Frage an euch.
Ich versuche wie wild, diese 2 <div>s übereinader zu legen. Zu Erklärung: Der untere <div> (#background) enthält eine Tabelle mit Design Elementen. (Tabelle deswegen, weil der <div> resizeable ist). Der obere <div> enthält auch eine Tabelle, mit 3 Zeilen. Die erste enthält die Movebar, d.h. die Bar mit der man das <div> bewegen kann, in der Mitte steht der Text des Fensters und unten ist rechtsbündig ein Icon zum Vergrößern/Verkleinern. Das Javascript ist getan nur würde ich gerne das <div> in dem Layout haben.
Nur überdeckt der #background <div> leider das andere <div>, egal wie ichs anstelle. mit z-index kam ich nicht weiter.
Hier der Code:
<div id="fenster" class="window" style="position: fixed; z-index:999; top: 150; left: 400;border: 1px solid black; overflow: auto; width: 300; height: 500;">
<div id="content" style="position: absolute: top:0; left:0; width: 100%; height: 100%; z-index:;">
<table> <!-- blabla --> </table>
</div>
<div id="background" style="width:100%; height:100%; top:0; left:0; position: absolute; z-index:;">
<table> <!-- blablabla --> </table>
</div>
</div>
Danke im Vorraus, Skiddo
OK, hab es schon gelöst.
Das #content <div> ist jetzt im #background <div>. dann funktioniert das.
Trotzdem Danke.