Discussion :

[pop_up]

Bonjour,

après quelques recherches, je pensais que le centrage d'un élément de type bloc devait se faire en indiquant sa largeur et en mettant des marges automatiques. Hors dans mon cas, je cherchais à centrer divers tableau donc des tableau dont je ne pouvais spécifier la largeur.

En cherchant un peu dans les autres posts, j'ai vu que le fait de mettre simplement ceci fonctionne:

Code :

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

1
2
3
 
margin-left: auto;
margin-right: auto;

comment ça se fait que ça marche sans spécifier la largeur ?

Ensuite, je me suis aperçu que même si ça me centre le tabeau, ça ne centre pas le caption qui est pourtant dans le tableau.

est ce normal ?

Du coup j'ai ajouté ça à ma css pour les tableau :

Code :

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

1
2
3
4
5
 
table caption {
    margin-left: auto;
    margin-right: auto;
}

est-ce la bonne méthode ? et est ce que ce centrage fonctionnera sur tous les navigateurs vous pensez ?

merci

[gwinyam]

Tu trouveras surement une réponse ici : Centrez les blocs (X)HTML en CSS

Le contenu d'un bloc n'est pas influencé par la propriété margin, mais par la propriété padding. Il faut bien faire la différence.

[pop_up]

je comprend pas trop ta réponse.

Pour toi, mon cas correspond a quel point dans le lien que tu mets ?
parce que pour moi, ce n'est pas un centrage élastique, ni un centrage de boîtes à largeur fixe car je n'ai pas spécifié de largeur.

[Er3van]

Ce n'est pas parceque tu centres une feuille de papier au milieu de ton bureau que ce qui est écrit dessus sera centré.
Ce n'est pas parceque ton bloc est centré que son contenu le sera.

Pour ce qui est des

Code CSS :

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

1
2
margin-left: auto;
margin-right: auto;

J'suis sceptique, il me semblait que c'était les valeurs par défaut, et que du coup les signifier ne changeait rien....

[pop_up]

merci pour vos réponses mais ça ne répond pas à mes questions :
comment ça se fait que ça marche sans spécifier la largeur ?
par la j'entend, comment ça se fait que mon tableau soit centré en n'indiquant que les margin et padding à auto et aucune règle sur le width.

En même temps ça m'arrange que ça marche car c'est ce que je veux mais j'aimerai comprendre.

est ce que ma méthode pour centrer le caption est correcte ?

[MasterOfChakhaL]

Salut,

La réponse de la FAQ concernant le centrage des éléments concerne en fait les éléments de type bloc. Hors les tableaux n'en sont pas (display: table).

Quand tu définis les largeurs des colonnes d'un tableau, tu détermines en fait des largeurs minimum et le navigateur continue quand même de calculer les largeurs en fonction du contenu (en essayant de respecter les dimensions définies).
Donc en gros, quand tu définis un tableau, implicitement, il a tout de même une largeur. C'est pour ça qu'il n'est pas obligatoire de la définir (il n'y a pas de valeur par défaut à 100% comme pour les blocs).

En ce qui concerne le caption, il ne s'agit pas d'un élément bloc non plus (table-caption). Je ne sais pas comment il doit réagir théoriquement, mais ca n'est pas aberrant qu'il réagisse différemment d'un bloc.

[pop_up]

merci beaucoup MasterOfChakhaL.

Voici une explication qui me permettra de regarder les comportement de ces éléments et de voir ce que je trouve.