Alignement de "lignes" de div de hauteurs différentes

Bonjour !

Je suis face à un problème que je ne peux résoudre seul

Je souhaite positionner des images de hauteur différente les unes à côté des autres sur plusieurs lignes (voir image).



Le pb c'est comment construire mes div pour qu'elles s'imbriquent correctement ensemble sans les blancs qui compensent les différences de hauteurs ?

Au début je comptais faire un système de liste avec un display block, ce qui aurait bien marché si les vignettes avaient la même hauteur... mais là... c'est pas possible...

Si quelqu'un a une solution, je suis preneur !!

Merci d'avance

Je vois 4 colonnes qui contiennent des images.

Ecoute !!tu pars d'un flux de base static et tu joues à monter tes images en puzzle en jouant avec les flottements..

float:left:float:right;

J'ai déjà fait un cas semblable voir encore plus tordu la semaine dernière

J pensais mettre mes div en absolue dans un conteneur relatif mais en fait ...NON obsolète

Fais un test avec tes images

<img src="ton_image_1" style="float:left:"/>
<img src="ton_image_2" style="float:left:"/>
<img src="ton_image_2" style="float:right:"/>[ravi]

N'oublie pas dans ton css de désactiver les marges et padding

*
{
margin:0;padding:0;
}

Après tu joues avec firebug, notre copain à tous et tu move tes div en jouant avec le flux.

euh...

Phpcbien > tu te rend compte que ta solution va provoquer les blancs qui doivent justement être évités ?

Accessoirement, en quoi le positionnement absolu est-t'il obsolète ?

La solution de jb est bonne et tout a fait fiable.

Laurie-Anne, j'ai déjà testé ca .les images avaient toutes une hauteur différente et aucun blanc.

Ça a marché pour moi.

ou bien alors il mets ces images dans un div relatif et il les positionnent ensuite de manière absolue

top, left

La méthode de JB fonctionne !! Pourquoi faire compliquer quand on peut faire simple !??

Merci (et merci aux autres aussi)