Witam, mam taki kodzik html, w pewnym momencie 2 małe divy, są poniżej dużego, zamiast wejść w puste miejsce - w kodzie zaznaczam o które divy chodzi. Chcę to zrobić za pomocą floatów, gdzie popełniłem błąd lub co jest nie tak?

[HTML] pobierz, plaintext 
<div style="width:600px;">
 
<div style="width:447px; height:180px; background-color:#ecf0f1; margin-right:5px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#ecf0f1; margin-bottom:6px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#ea6060; margin-bottom:5px; float:left; color:#fff;"></div>
<div style="width:297px; height:300px; background-color:#ecf0f1; margin-right:6px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#ecf0f1; margin-bottom:5px; margin-right:5px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#4bc7c7; margin-bottom:5px; float:left;"></div>
<div style="width:297px; height:300px; background-color:#ecf0f1; margin-bottom:5px; float:left;"></div>
<!-- TUTAJ JEST BŁĄD, TE DIVY MAJA BYC NA LEWO OD TEGO DUZEGO POWYZEJ -->
<div style="width:144px; height:87px; background-color:#ecf0f1; margin-right:5px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#4bc7c7; margin-right:5px; float:left;"></div>
 
<div style="width:297px; height:300px; background-color:#ecf0f1; margin-right:6px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#ecf0f1; margin-bottom:5px; margin-right:5px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#4bc7c7; margin-bottom:5px; float:left;"></div>
</div>
[HTML] pobierz, plaintext 

Te:?

[HTML] pobierz, plaintext 
<div style="width:297px; height:300px; background-color:#ecf0f1; margin-bottom:5px; float:left;"></div>
<!-- TUTAJ JEST BŁĄD, TE DIVY MAJA BYC NA LEWO OD TEGO DUZEGO POWYZEJ -->
<div style="width:144px; height:87px; background-color:#ecf0f1; margin-right:5px; float:left;"></div>
<div style="width:144px; height:87px; background-color:#4bc7c7; margin-right:5px; float:left;"></div>
[HTML] pobierz, plaintext 

Tam nie ma dla nich miejsca.

jest puste pole, według rozmiarów powinny się tam zmieścić, dlaczego więc zamiast tam trafić idą na dół?

Zmień mu na float:right;:

[HTML] pobierz, plaintext 
	<div style="width:297px; height:300px; background-color:#ecf0f1; margin-bottom:5px; float:right;">g</div>
	<!-- TUTAJ JEST BŁĄD, TE DIVY MAJA BYC NA LEWO OD TEGO DUZEGO POWYZEJ -->
	<div style="width:144px; height:87px; background-color:#ecf0f1; margin-right:5px; float:left;">h</div>
	<div style="width:144px; height:87px; background-color:#4bc7c7; margin-right:5px; float:left;">i</div>
[HTML] pobierz, plaintext