Discussion :

[Yamuto]

Bonjour,

Pour faire simple et pour l'exemple, sur une page html j'ai plusieurs DIV.
Au chargement de la page et avec un script Javascript, je modifie la WIDTH de chaque DIV. La WIDTH donnée est aléatoire et son HEIGHT est égal à WIDTH / 1.333.

Mon problème est que j'ai un quadrillage avec pleins de trous. Je voulais donc savoir si il y a une caractéristique en CSS à donner aux DIV pour qu'elle "s'entasse".

Je vous mets un screen de ce que j'ai déjà en exemple :

[mangasource]

Dans ce style ?

http://gallerythem.tumblr.com/

[Yamuto]

Oui exactement ça !

[Yamuto]

J'ai trouvé une partie de mon bonheur grâce a ce plugin jquery: http://gridster.net/

J'arrive a avoir ce que je veux. Le seul défaut est qu'il place les div par lignes/colonnes. Alors qu'en déterminant ma WIDTH et une HEIGHT auto, j'avais de très nombreuses possibilités de formes.

Avec mon format d'image en 16:9, que 3 formats me conviennent. Bien sûr, je ne compte pas ceux faisant plus d'une demi page.


Je suis toujours preneur si vous arrivez une solution miracle en CSS pour juxtaposer les div avec des tailles aléatoire.

Résultat parmi de nombreux ( aléatoire ) :

[rodolphebrd]

Il y a masonry aussi...

[Yamuto]

Oui cela convient mieux, merci !