Skiddo: 2 Divs übereinander

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

  1. OK, hab es schon gelöst.

    Das #content <div> ist jetzt im #background <div>. dann funktioniert das.

    Trotzdem Danke.