DIVs anordnen

[droom]

Ich möchte so ne Struktur haben:
-----------------------------------
DIV1..........|Div3...............|
..............|...................|
---------------...................|
DIV2..........|...................|
..............|...................|
-----------------------------------

Also DIV1 ist oben links oben und DIV2 links unten und DIV3 nimmt die gesamte höhe von DIV1 und DIV2.

Sämtliche versuche sind gescheitert.

[Harlequin]

Yerf!

Also DIV1 ist oben links oben und DIV2 links unten und DIV3 nimmt die gesamte höhe von DIV1 und DIV2.

Die Angabe ist so leider zu dürftig. Welche Maße stehen noch fest? Wie hoch oder breit soll das ganze z.B. sein? Auch von den einzelnen Abmessungen (Prozentual, feste Breite oder einfach den Rest nehmen) hängt sehr viel ab.

Gruß,

Harlequin

[droom]

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

[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