✔ float left bei 3divs

[chaosgoettin]

Hallo ich möchte gern 3 divs nebeneinandersetzten. das mittlere div ist am größten und muss aber wenn sich das Fenster verkleinert in die Tiefe gehen anstatt die anderen Divs drunter zu setzen. Aber wie?


<div style="background:green;width:47px;float:left;margin-right:10px;">ABC</div>
<div style="backgroundrange;float:left;width:80%">
Textinhalt Textinhalt Textinhalt Textinhalt Textinhalt Textinhalt
Textinhalt Textinhalt Textinhalt</div>
<div style="background:blue;width:47px;float:left;margin-left:10px;">ABC</div>

verkleinere ich mein Fenster setzt er hier das ABC drunter. Das will ich aber nicht, er soll das mittlere immer schmaler und tiefer machen.
Wenn ich statt der width:80% -> margin:0 57px 0 57px angebe klappt es aber auch nicht.

Danke für eure Hilfe.
LG

 

[Maik]

Hi,

setze die drei DIVs mal in diese Reihenfolge:

<div style="background:green;width:47px;float:left;">ABC</div>

<div style="background:blue;width:47px;float:right;">ABC</div>

<div style="background:orange;margin:0 57px;">
Textinhalt Textinhalt Textinhalt Textinhalt Textinhalt Textinhalt
Textinhalt Textinhalt Textinhalt</div>

 

[chaosgoettin]

ja danke klappt
darauf muss man erstmal kommen.
LG

 

[Maik]

Hi,

http://www.yaml.de/artikel/xhtml/div_reihenfolge.html erläutert die Reihenfolge der Blöcke bei Fließumgebungen.