Centrer un tableau ou une div dans une page

GG le sympa · #1 21-08-2006 à 20:34

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 %.

JLB59 · #2 21-12-2006 à 17:58

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

GG le sympa · #3 22-12-2006 à 21:23

A bas si c'est obligé !

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

<link href="fichier.css" rel="stylesheet" type="text/css" />

Après dans ta feuille de style tu mets :

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

Et après ton tableau :

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

persia · #4 18-12-2008 à 09:22

Bonjour,

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

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 · #5 20-06-2009 à 18:26

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

et
margin:0 auto;

#1 21-08-2006 à 20:34

Re : Centrer un tableau ou une div dans une page

#2 21-12-2006 à 17:58

Re : Centrer un tableau ou une div dans une page

#3 22-12-2006 à 21:23

Re : Centrer un tableau ou une div dans une page

#4 18-12-2008 à 09:22

Re : Centrer un tableau ou une div dans une page

#5 20-06-2009 à 18:26

Re : Centrer un tableau ou une div dans une page

Réponse rapide

Pied de page des forums