[résolu] Aligner verticalement sur plusieurs colonnes des blocs

Bonjour,

Est-il possible d'aligner sur plusieurs colonnes l'un en dessous de l'autre des blocs de hauteur variable (je précise bien de hauteur non connue) ?

Ci-joint l'llustration du résultat attendu


D'avance merci.

Patri
Modifié par kibodio (30 Jun 2006 - 08:49)

Salut !

A priori, ça ne devrait pas poser de problème majeur. As-tu essayé de placer les div 1, 4 & 7 dans un conteneur positionné en float: left; et les div 3, 6, 8 dans un conteneur en float: right; ?

kibodio a écrit :

Est-il possible d'aligner sur plusieurs colonnes l'un en dessous de l'autre des blocs de hauteur variable (je précise bien de hauteur non connue) ?

Salut, ça répond à ta question?

salut,

essaye cela :

  .conteneur {
  float: left; 
  width: 30%; /* readapter aux besoins */
  margin: 1% 1%; /* readapter aux besoins */
  background: #DDD; 
  border: 1px solid #757575;
  }
  .bloc {
   background: #eee; 
   border: 1px solid #CCC;
  }

+

heu,

Pense a mettre lune largeur, et des marges a tes bloc enfants (.bloc)
si tu veut qu'ils soient comme sur ton image.
Il y a d'autre alternative a mon code mais il fonctionne pour ton cas.

++

J'ai trouvé une solution :

J'ai mis les blocs 1,4,7 dans un div float:left, idem pour les blocs 2,5 et 3,6,8

<div style="float:left;">
<div>1</div>
<div>4</div>
<div>7</div>
</div>
etc...

Merci à tous
Modifié par kibodio (30 Jun 2006 - 08:53)