Mam taki oto kod:

[HTML] pobierz, plaintext 
<div style='background-color:yellow;width:900px'>
<div style='background-color:red;width:900px'>
gora szeroka
</div>
<div style='clear:both'></div>
<div style='float:right;width:660px;background-color:green'>
prawy pierwszy<br />
prawy pierwszy<br />
prawy pierwszy<br />
</div>
 
<div style='float:right;width:660px;background-color:pink'>
prawy drugi<br />
prawy drugi<br />
prawy drugi<br />
</div>
 
<div style='float:left;width:230px;background-color:blue'>
pierwszy lewy<br />
pierwszy lewy<br />
pierwszy lewy<br />
pierwszy lewy<br />
pierwszy lewy<br />
</div>
 
<div style='clear:both'></div>
</div>
[HTML] pobierz, plaintext 

Nie mogę przestawić kolejności elementów, każdy z boxów może mieć dowolną wysokość, a chciałbym uzyskać efekt, iż żółty box, "pierwszy lewy", będzie zaczynał się zaraz pod "góra szeroka" a po prawej stronie będzie miał OBA prawe boxy. Czy ktoś może pomóc?

Możesz w ogóle edytować html? Jeśli tak, to te 2 prawe divy umieść w nowym divie, ustaw mu float:right i odpowiednią szerokość.

Te dwa boxy są niezależnymi elementami, kazdy z nich mogę edytować, ale nie mam 'miejsca' aby zawrzeć je w jeden div - tak myślałem, dopóki Twoja podpowiedz nie natchneła mnie, że taki okalający je div, może zaczynać się w jednym elemencie (przed pierwszym divem prawym) a konczyć w innym miejscu kodu, czyli np na końcu drugiego prawego diva)

Dziękuje za pomoc!