anordnung von divs - mitwachsend...

[Frank V]

hi!

ich möchte folgendes mit divs und css bauen:

dabei sollen kasten 1 und 2 links ausgerichtet sein und fest stehen.
kasten 3 und 4 rechts ausgerichtet und mit wachsen können

ich ahbe folgendes probiert, aber im firefox sind die boxen nicht rechts ausgerichtet...

[code lang=html]
<div style="width:90%;height:100px;background-color:#006699;background-image:url(background.JPG);position:absolute;">
 <div style="background-image:url(logo_gross.JPG);height:89px;background-repeat:no-repeat;background-position:0px -1px">
  <div style="width:100%;height:50px;text-align:right;float:left;">
 <div style="width:400px;text-align:right;margin-right:5px;"><img src="google.GIF" /><input name="" type="text" /><img src="suchen_f.gif" /></div>
 <div style="width:50px;text-align:right;background-color:#003000;">login</div>
</div>
 </div>
    <div style="position:absolute;width:200px;height:24px;z-index:1;left: 176px;top: 10px;">navi navi navi navi jnjbkjbkjnbj kbkbkbkb bkhbhb bkhbbh hb </div>
 <div style="position:absolute;width:431px;height:24px;z-index:1;left: 176px;top: 56px;">navi navi navi navi jnjbkjbkjnbj kbkbkbkb bkhbhb bkhbbh hb </div>
</div>
[/html]

hat jemand eine idee?

[tox]

Hallo,

hast Du es schon mal mit semantischen Markup und float probiert?

Gruss

[frankv]

aber wenn ich die sachen mit float nebeneinander setze, dann müßte das rechte jeweils mitwachsen...
das geht glaube ich nicht, oder?

[Bobby]

Moin

hat jemand eine idee?

kommt folgender Code deiner Vorstellung nahe? Ich hoffe ich hab dich richtig verstanden. Box 1 und 2 haben eine feste Größe und div 3 und 4 wachsen nach links mit.

[code=HTML]
<div style="float:left;width:150px;background-color:red;height:100px;">
    Div1
</DIV>
<DIV style="float:right;background-color:blue;height:100px;">
    Div3 und hier kommt richtig viel Text
</DIV>

<br style="clear:both;line-height:0;height:0;font-size:0;padding:0;margin:0;">

<DIV style="float:left;width:150px;background-color:black;height:100px;">
    Div2
</DIV>
<DIV style="float:right;background-color:yellow;height:100px;">
    Div4 und hier kommt richtig viel Text und hier kommt richtig viel Text und hier kommt richtig viel Text
</DIV>
[/Code]

[rankv]

danke

die idee ging schon in die richtige richtung