✔ verschachtelte DIV Container

[asdasd]

Hallo!

Ich möchte gerne drei verschachtelte Div Container so formatieren, wie im Anhang dargestellt. Alle drei Container sind innerhalb eines Div-Tags (nötig für das Layout der Seite).

mein CSS sieht nun folgendermaßen aus:

#container1 {
	width:500px;
	height:300px;
	float:left;
	margin-bottom: 10px;
	margin-left: 40px;
	background-color: #093;
	margin-top: 10px;
}
#container2 {
	width:310px;
	height:500px;
	float:left;
	background:#000;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#container3 {
	width:500px;
	height:200px;
	margin-left: 40px;
	background-color: #06F;
	float: left;
	clear: left;
}

Problem ist nur, dass der 3. Container erst unterhalb des 2. Containers beginnt. Er sollte aber unterhalb des 1. Containers beginnen. Bitte um eine Lösung des Problems!

Danke

 

[Maik]

Hi,

#container2 muß dann links umflossen werden:

#container2 {
        width:310px;
        height:500px;
        float:right;
        background:#000;
        margin-left: 40px;
        margin-bottom: 20px;
        margin-top: 10px;
}

Falls du hier den IE6 berücksichtigst, empfehle ich dir, die drei Boxen zusätzlich mit display:inline auszuzeichnen, um seinem "Doubled-Float-Margin-Bug" entgegenzuwirken.

mfg Maik

 

[asdasd]

1000dank, das ging ja schnell und hat funktioniert