Centrer un tableau ou une div dans une page

Administrateur

Pour centre un tableau dans une feuille de style css :

Code:

.nom_classe
{
margin-left:auto;
margin-right:auto;
width:100%;
}

Pour que votre tableau ou div soit centré il faut absolument donner une valeure à width en px ou %.

JLB59

Jérémy a écrit:
Pour centre un tableau dans une feuille de style css :

.nom_classe
{
margin-left:auto;
margin-right:auto;
width:100%;
}

Pour que votre tableau ou div soit centré il faut absolument donner une valeure à width en px ou %.

J'ai fait ça avec Webexpert, mais y a aucun changement.
Que faire ?

Merci d'avance

Cordialement, JLB59

Administrateur

A bas si c'est obligé !

entre <head> et </head> tu mets :

Code:

Après dans ta feuille de style tu mets :

Code:

.nom_classe
{
margin-left:auto;
margin-right:auto;
width:100%;
}

Et après ton tableau :

Code:

<table class="nom_classe">
<tr>
<td>
J'ai centré mon tableau !!
</td>
</tr>
</table>

persia

Bonjour,

Ca fonctionne très bien, merci pour l'astuce.

Code:

margin-left:auto;
margin-right:auto;

sont indispensables pour un bon centrage, après on peut donner la valeur que l'on veut à width (100% ou 80% etc...)

un simple <center></center> fonctionnerait, mais le code donné respect les normes W3C

Guest-41

Bonjour,
Merci ça marche trés bien.
Mais quelle la différence entre
Code:
margin-left:auto;
margin-right:auto;

et
margin:0 auto;

Centrer un tableau ou une div dans une page