Centrer 3 tables en float left dans un td [Résolu]

[renaud26]

Bonjour à tous,

Tout est dit dans le titre : j'ai besoin de centrer 3 petites tables (trop compliqué d'utiliser des DIV) dans un grand td. Les tables devant s'afficher côte à côte, je les ai mises en float:left. Du coup, forcément le centrage ne fonctionne plus...

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
.tdHaut{
width:800px;
margin-left:auto;
margin-right:auto;
height:50px;
text-align:center;
}
.deplace{
background-color:#CCC;
border: 1px solid black;
height:50px;
width:180px;
float:left;
margin:5px;
cursor:move;
}
 
<td align="center" id="menuHaut"  valign="middle" class="tdHaut">
 
<table align="center" class="deplace"><tr><td>....</td></tr></table>
<table align="center" class="deplace"><tr><td>....</td></tr></table>
<table align="center" class="deplace"><tr><td>....</td></tr></table>
 
</td>

Merci du coup de main.

[Bisûnûrs]

Comme tu as une largeur fixe pour tes tables, ça va être facile. Tu n'as qu'à les englober d'un conteneur qui prend pour largeur la somme des largeurs de tes tables+padding+margin+border, et mettre un margin:auto à ce conteneur.

[renaud26]

Simple et lumineux !
Merci beaucoup et très bonne journée.