Einfaches Problem mit DIV / Css

[NoTomorrow]

Hallo Leute.
Ich denke folgendes Problem ist vollkommen offensichtlich zu lösen, ich weiss nur nicht wo ich anfangen soll
Was ich machen Möchte:

Eine Box, mit 2 Boxen drin. Die Eine klebt an der linken seite der "Mutterbox", die andere an der rechten.
Dazu habe ich erstmal das geschrieben:

Code: Alles auswählen

<div id="mother">
     
      <div id="child1">
      </div>
       
       <div id="child2">   
       </div>

</div>

Das resultat ist, dass child1 in mother drin ist, child2 aber unterhalb von child1 und somit ausserhalb von mother rumhängt.

CSS sieht atm so aus:

Code: Alles auswählen

#mother
{

   height: 220px;
   width: 470px;

}

#child1
{
   height: 100%;
   width: 100px;
   
}

#child2
{
   height: 100%;
   width: 100px;

}

Ich weiss leider nicht weiter.
Wichtig dabei ist, dass ich viele viele dieser motherboxen an verschiedenen positionen dynamisch mit php erstellen will.
Würde mich über Hilfe freuen,
Gruß NoTo

[Cell]

<div id="content">
<div id="mother">
<div id="child1">
YOUTUBE VIDEO
</div>
<div id="child2">
BESCHREI-<br>BUNG
</div>
</div>

#mother
{
background-color: #999933;
height: 220px;
width: 470px;
}

#child1
{
background-color: #993399;
float:left;
height: 100%;
width: 300px;
}

#child2
{
background-color: #339999;
float:left;
height: 100%;
width: 170px;
}

Die größen sollten auch so Stimmen, wenn die Größen allerdings insgesant die Breite vom mother-Div überschreiten gehts nicht mehr, dafür müsstest du den mother-div dann einem width: inherit; geben

[new arts]

Die Idee der floatenden Div-Boxen wird auf yaml.de ganz gut erklärt und gleichzeitig auch ein Framework bereitgestellt, das für den Privatanwender kostenlos nutzbar ist. Ich kann dir nur empfehlen, die Grundlagen zu lernen. Ist zwar einiges an Arbeit und eine Umstellung im Vergleich zu Tabellen, aber es lohnt sich, wenn man des Öfteren mit Webdesign beschäftigt.

Flo

_____________________________________________
Webdesign Krefeld

[Cell]

Kann ich nur unterschreiben.

Seitdem ich mich bei jedes Website gezwungen habe mit DIV zu arbeiten lern ich jedes mal mehr und sehe immer mehr optionen und arten der lösung. Einfach klasse!