Disposition d'articles dans une balise section

Bonjour à tous, je travail sur un projet personnel et j'ai actuellement un gros soucis de CSS!

Actuellement ca donne ca :


J'aimerais juste qu'il n'y est pas d’écart dut à la plus grande image.

Je precise que j'utilise bootstrap en v2.

Voici mon code :

<div class="row-fluid">
	<section class="span12 pull-left">
		<?php

		$i = 0;
		foreach ($liste as $film) {

			$titre = $film->c22;
			$idMovie = $film->idMovie;
			$cheminFichierMKV = explode("/www", $titre);
			$pochette = str_replace (".mkv", "-poster.jpg", $cheminFichierMKV[1]);

			
			echo '<article>';
			if((($i % 5) == 0) && ($i != 0)){
				$img = '<img class="img-polaroid span3" src="'.$pochette.'" alt="">';

				echo anchor('/movie/dataMovie/'.$idMovie, $img);
			}else{
				$img = '<img class="img-polaroid img-small span2" src="'.$pochette.'" alt="">';

				echo anchor('/movie/dataMovie/'.$idMovie, $img);
			}
			$i++;
			echo '</article>';
		}

		?>
	</section>

</div>

Je vous remercie d'avance pour votre grande aide

Bonjour,

CSS ne style pas du PHP mais du code HTML, m'enfin on peut se faire une idée du code généré vu que ce n'est pas trop long ici...

Ce rendu est caractéristique du fonctionnement des flottants en CSS : le contenu qui vient après la grande image ne va pas "remonter" plus haut que le bas de cette image.
Il y a principalement 2 changements possibles selon le résultat souhaité. Une image pas plus haute que les autres pour que ça ne "casse" pas ? Un effet/positionnement (en JS, pas moyen en CSS) à la Pinterest / Masonry ?

salut,
je serais aussi parti sur Masonry. Tu n'auras plus à te casser la tête pour les dimensions et ça fait un effet sympa d'un chaos maîtrisé.

Merci de votre aide, je vais essayer ce plugin que je ne connaissais pas du tout merci beaucoup de votre aide je reviendrais vous dire le résultat de mon aventure ^^