Alignement vertical de tableaux

**tyrazR** · 23/05/2008, 11h05

Bonjour,

J'ai un problème d'alignement vertical que je n'arrive pas du tout à résoudre, j'espère trouver mon salut dans une vision extérieure. ^^

Voici mon problème:

J'ai un conteneur principal dont le code est

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
div#wrap {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 730px;
  background: #D8D8C0;
  border: 1px solid black;
}

A l'intérieur de celui-ci se trouve quelques autres petites choses mais surtout un deuxième conteneur plus petit.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
div#contenu {
  padding: 35px 30px 18px 30px;
}

Et enfin, à l'intérieur de ce sous-conteneur, j'ai plusieurs petits tableaux de hauteurs différentes (ils ne me servent pas à faire du positionnement, ils font partis du contenu).

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
table {
  border-spacing: 1px 0px;
  border-collapse: separate;
  border: none;
}

Maintenant, voici mon problème:
Premièrement, il faudrait que ces tableaux se situent sur une même ligne (j'avais pensé à display: inline , mais je ne sais pas si c'est une bonne solution)
Puis, il faut qu'ils soient alignés verticalement en haut.
Actuellement, si je les mets inline, ils sont alignés verticalement n'importe comment (car de tailles différentes).

Votre aide et vos conseils me seront très précieux; n'hésitez pas à demander plus de précisions si je n'ai pas été clair.

Merci !

**tyrazR** · 23/05/2008, 11h13

Hum, je pensais avoir trouvé en mettant "float: left" sur les tableaux mais après plusieurs essais, ce n'est pas convaincant.
La première ligne de tableaux s'aligne bien, mais la seconde non.

Une aide est toujours la bienvenue.