[HTML] Centrer des tableaux

Version imprimable

Hello,
Je voudrais faire des tableaux dans des tableaux et que tout soit centré. Si je le fais en dur (<table align="center"...>) ça fonctionne...
Mais si je le met dans mon CSS, ca ne fonctionne plus sous firefox et partiellement sous IE...
Voici mon HTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html>
    <head>
        <link rel="stylesheet" href="affichage.css" type="text/css" />
    </head>
    <body>
        <table width="40%">
            <tr>
                <td>
                    <table width="25%">
                        <tr>
                            <td>
                                Texte
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</html>

Et mon CSS:

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
 
table {
text-align:center;
border-style:solid; 
border-width:2 px; 
border-color:black;
}
 
td{
text-align:center;
border-style:solid; 
border-width:1px; 
border-color:grey;
}
 
tr{
text-align:center;
border-style:solid; 
border-width:1px; 
border-color:grey;
}
 
caption{
font-weight: bold;
}

Vous comprenez quelquechose? J'ai fait une faute?

Merci d'avance.
A+

23/11/2006, 20h58
Linaa
Bah en CSS, lorsque tu appliques la propriété text-align:center à un tableau, c'est le contenu du tableau qui est centré !
Donc pour centrer un tableau en CSS, il faut fixer une largeur et mettre des marges auto à droite et à gauche.
Code:

1 2 3 4 5 table { width : 300px; /* Largeur du tableau */ margin-left : auto; margin-right : auto; }
23/11/2006, 21h02
Dan_A

Il faut un doctype complet pour IE 6
margin:0 auto; peut aussi faire l'affaire dans table.
Pour ce genre de mise en page, un tableau ne se justifie pas.