[RESOLU]Div qui s'imbrique parfaitement

Bonjour,
Pour les besoins d'un projet j'aimerai que mes div s’imbriquent parfaitement.
Voila ce que j’obtiens: http://rencontre-ados.net/test/
Et ce que j'aimerai: http://img809.imageshack.us/img809/2020/tes2222222222222222t.jpg
A la manière de ceci: http://wpexplorer.com/premium/fotos/gallery/female-models/
J'aimerai éviter le JS car je suis sur qu'il y a moyen de le faire en CSS mais je bloque > .

Voici mon code css:

#test{
float:left;
margin:10px;
}

Très pauvre je sais .

Donc est ce qu'il y aurait moyen donc que mes div s'imbriquent parfaitement si elles ont une hauteur différentes? Pour ce qui est de la largeur j'ai abandonné il n'y a vraiment pas moyen en css.

Merci de m'aider bonne soirée/journée.
Modifié par hotgeart (01 Nov 2011 - 09:19)

Tu ne peux pas simplement les gérer par colonne ?

du style 4 div en float:left (pour les colonnes) contenant X div (ou image) dedans, les uns en dessous des autres ?

Non car j'aimerai que ça soit fluide et non taille fixe. Que le nombre de colonne s'adapte a la largeur du screen. (oui je suis chiant )

Bonsoir,

Le plugin Masonry devrait répondre à tes attentes : jQuery Masonry

Je doute que tu puisses obtenir un tel résultat avec le css seul.
Modifié par Ayatus (31 Oct 2011 - 21:31)

Ok j'attends d'autres réponses au cas ou. Mais merci pour le lien

Impossible sans JS. Tu devras passer par Masonry

a écrit :
je suis sur qu'il y a moyen de le faire en CSS

Je ne pense pas non plus, surtout avec des éléments à tailles variables.

Ok merci