Opgelost, bedankt!

De oplossing is zeer simpel; Geef je div's een hoogte mee.

Je probleem is dat de alles naar links zet (dmv een float) en aangezien de eerste div en de tweede div niet dezelfde hoogte hebben, is er niet echt een volgende rij. Deze nieuwe "rij" begint past ter hoogte van de tweede div.

Uitleg is een beetje vaag misschien, maar geef je div's allemaal een hoogte mee en je probleem is opgelost.

Origineel gepost door gast8208

De oplossing is zeer simpel; Geef je div's een hoogte mee.

Je probleem is dat de alles naar links zet (dmv een float) en aangezien de eerste div en de tweede div niet dezelfde hoogte hebben, is er niet echt een volgende rij. Deze nieuwe "rij" begint past ter hoogte van de tweede div.

Uitleg is een beetje vaag misschien, maar geef je div's allemaal een hoogte mee en je probleem is opgelost.

Hier geeft hij toch een hoogte weer?

.homePost {
float:left;
width:295px;
padding:0 10px 20px 0;
border-bottom:1px dashed #b2b2b2;
border-right:1px dashed #b2b2b2;
margin-top:10px;
min-height:200px;

Niet een minimale hoogte, maar een vaste hoogte. Je hoogtes verschillen (doordat je hoogtes variabel zijn mede door min-height), daarom komt de volgende div (lees: de derde div) niet goed te staan. Je gebruikt the_excerpt() funtie volgens mij (WordPress) en dus is er een maximaal aantal woorden. Kijk wat je maximale aantal woorden is, bepaald daaruit de hoogte die een div moet hebben en je probleem is opgelost.

min-height van .homepost hoger dan 204px maken!
Aanvullend bericht:
Graag gedaan