18041 sujets

Questions générales et questions de débutants

[RESOLU] Centrage de table dans un DIV centré

Bonjour,
J'ais bien été lire ce sujet mais excusez moi, je n'aboutit pas, en effet j'ais un DOCTYPE ==> Strict, et mon DIV a cette class

<div class="centre800">
<table><tr><td>un texte de largeur variable img etc...</td></tr></table>
</div>


En CSS

div.centre800 {
width: 800px;margin : auto;text-align:center;
}


la table doit recevoir quel CSS pour ce centrer, alors qu'a l'intérieur des cellules je ne veux pas de centrage Smiley ohwell
Mille mercis d'avance
Modifié par Christele (24 Apr 2013 - 15:06)
Pour pouvoir se centrer, il doit d'abord posséder une largeur.
Ensuite effectivement un marin auto pourra être utile.

Perso, souvent mes tables font la largeur de leur parent, donc à la place un simple padding suffit et évite de redimmensionner.

Je suis nouveau dans le forum, mais étant sur Alsacreations je fais la supposition que ton tableau accueille des données tabulaire, et ne peut pas se substituer à de meilleures balises et un display: table en css ...

Cordialement.
Merci de ta réponse,
Oui il s'agit de données type excel, et non un tableau de mise en page.
mais la largeur est difficile a déterminer ...
Je craints que ce soit indispensable, auquel cas, ce serait un grave manque de souplesse des CSS !
Oui ça OK je sais faire, mais ici on parle de CSS valides,
pas de bricolage.
C'est pour cela que j'avais précisée j'ais un DOCTYPE ==> Strict, Smiley smile

Merci tout de même
ok essaie avec ca alors :


div.centre800
{
text-align: center;
width: 800px;
}
div.centre800 table 
{
margin: 0 auto; 
text-align: left;
}

Modifié par tazzkiller (24 Apr 2013 - 11:56)
Tu peux utiliser la valeur inline-table de la propriété display sur le tableau et un text-align center sur ton div.


div {
  width: 800px;
  text-align:center;
}

table {
  text-align: left;
  display: inline-table;
}

Modifié par jb_gfx (24 Apr 2013 - 11:58)
Sujet clos
Aller à