Salut tout le monde!

Je viens vous voir cette fois pour un problème de grille... En faite je souhaiterais proprement créer une grille qui colle les ellements les uns à coté des autres tout en tenant compte de la hauteur de chacune pour collé la suivant au dessous.

Petite image de ce que je souhaite faire:

Si vous avez comment effectuer ceci, je vous serais très reconnaissant (qui à dit une fois de plus? )

jQuery Masonry.

Pourquoi du js pour ça ?

Tu as fais tes colonnes en jouant avec display et des float ?

Ce n'est pas obligatoire en effet.

"Tu as fais tes colonnes en jouant avec display et des float ?"
Float: left, display: block ou inline-block en effet.

"Ce n'est pas obligatoire en effet."
Tu peux m'indiqué quoi faire?

Merci pour vos réponses en attendant avec impatience la suite

Je ferais comme ça : http://dev-jvc.deblan.org/cols.html

À noter : voir si ça tourne sur IE8

Tiens j'avais jamais vu cette façon de faire deepblue.

Sémantiquement parlant le float: left est valide ou pas ?

Oui il l'est, mais plus compliqué à gérer (effet de bord). La propriété display posède beaucoup de choses intéressantes qui posent souci sur IE7. Pour faire de la colonne (comme ici), il faudrait bannir le float (dans le monde des bisounours).

Donc si je suis bien le raisonnement, float c'est quand tu as 2 div une que tu voudrais à gauche et l'autre à droite ?

En fait ce que je voudrais savoir c'est la façon "officielle" de gérer les dispositions gauche droite ou comme ici plusieurs divs à coté l'une de l'autre.

Dans mon agence on utilise des float car IE7 chie dans la colle avec les propriétés avancées de display. Moi, j'utilise display personnellement.

Pour le coup, il n'y a pas de "vraie" façon de faire même si je ressent une grande pertinence à manipuler display plutôt que float dans ce type de mise en page.

http://dev-jvc.deblan.org/cols.html
ca ne marche pas chez moi, avec Iceweasel/3.5.16 (like Firefox/3.5.16)

Un debianniste ?

Que ce soit sur stable ou sur la wheezy, la version d'iceweasel packagée m'handicape.

korpikvodka:

Je suis dans le même cas que toi :S

Je vois que ça pose pas mal de problèmes... Je vais pas me faire ch**r, je vais géré ça colonne pas colonne vu qu'elles ont toute la même taille.

Merci à vous tous encore une fois!

Y'a d'autres solutions hein (avec le même résultat).

Ouai mais finalement, ça à une bonne tête et compatible avec tout les navigateurs