Platzierung von DIVs - Hilfestellung

[Gouvernator]

Hallo Leute!

Ich brauche mal etwas Hilfe.

Ich möchte zwei Container (colum-left & colum-right) nebeneinander in einem übergeordnetem DIV (middle) platzieren. Das nebeneinader stellen ist kein Problem, nur ich kriege die beiden Container irgendwie nicht in den übergeordneten DIV platziert, sondern nur als Ebene darüber.

Hierdurch wird das Hintergrundbild vom DIV middle nicht angezeigt und das DIV was nach dem geschlossenen middle-DIV kommt, steht hinter den beiden nebeneinander angeordneten DIVs.

Was mache ich hier falsch?

  <div id="middle">
   <div id="colum-left">
    <div id="navi">
     Bla bla bla...
    </div>
    <div id="contact">
     Bla bla bla...
    </div>
   </div>
   <div id="colum-right">
     Bla bla bla...
   </div>
  </div>

div#middle { margin:auto; width:700px;text-align:left; background-image: url(../images/middle.gif); background-repeat: no-repeat; background-position: left top; }
 
div#middle div#colum-left, div#middle div#colum-right { float:left; }
 
div#colum-left{ margin:auto; width:200px; text-align:left; }
 
div#colum-right{ margin:auto; width:400px; text-align:left; }

 

[vitus37]

Ich weiss nicht, ob ich dein Problem ganz genau verstanden habe, aber sollte #middle die anderen beiden gefloateten DIVs nicht beinhalten (dargestellt gesehen), dann versuche mal #middle ein overflow: hidden; zu geben.

 

[Gouvernator]

Habs umgeschrieben. div#colum-left hat jetzt float:left; und div#colum-right clear:right; dann passt es.