DIVs anordnen

[Harlequin]

Yerf!

okay sagen wir mal 50% und 50% (die 2 Spalte) in breite. Höhe ist egal vom Div3 soll dynamisch sein.

Hm, lass mal probieren:

Html-Ausschnitt:

  
<div id="container">  
<div id="floater">  
<div id="div1">  
</div>  
<div id="div2">  
</div>  
</div>  
<div id="div3">  
</div>  
</div>  

CSS:

  
#floater{  
width:50%;  
float:left;  
border-right:1px solid black;  
}  
#div3{  
margin-left:50%;  
border-left:1px solid black;  
}  
#container{  
float:left;  
border:1px solid black;  
}  
#div1{  
border-bottom:1px solid black;  
}  

Ergibt schon mal grob die Struktur. Die exakt gleiche Höhe der 2 Spalten umgehe ich durch den umgebenden Div. Da muss man jetzt optisch tricksen, damit das wenn man Rahmen oder Hintergrundgrafik will so aussieht wie man möchte. Das Stichwort dafür ist "Faux Columns".

Gruß,

Harlequin