Mam coś takiego.
Div.ajax jest jest ładowany ajax'em.
Problem jest tego typu że ajax może nic nie zwrócić. A div.ajax może być różnej długości.
Żeby nie było pustego miejsca kod jest w oparciu o css:float
Co zrobić aby element po po lewej był zawsze oblewany przez jeden element po prawej.

W podanym przykładzie zmieniając wysokość div.ajax( z wartością 2) na 200px sytuacja ulega zmianie.

[HTML] pobierz, plaintext 
<div style="width:400px;background-color:red">
<div style="float:left"><div name="ajax" style="width:200px;height:200px;background-color:blue">1</div></div>
<div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:green">2</div></div>
<div style="float:left"><div name="ajax" style="width:200px;height:50px;background-color:yellow">3</div></div>
<div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:gray">4</div></div>
</div>
[HTML] pobierz, plaintext 

Czemu nie zmienisz tej zupy na poprawną listę? Przecież masz tak nawalony tych divów jak niewypałów po II WŚ.

Hehe dobre, ale skup się na rozwiązaniu problemu. Pytanie nie dotyczyło estetyki kodu.

Przecież po dodamniu float:left; dla głównego elementu powinien byc opływany, czyż nie? Skoro jest ładowany AJAXem to nie zadziała bez js, więc skłaniałbym się ku nadawaniu mu szerokośći js