Pourquoi align et text-align diffèrent-ils des tables?

Question

Bonjour, Je suis en train de trouver un moyen de contourner en utilisant le « méchant » align=center truc ..

Eh bien, alors que je cherchais à un code, je remarquai que deux pièces très similaires ne rendent pas la même chose. Je ne peux pas trouver un moyen de les faire se comporter de la même manière. Cela inclut le remplacement de la table toplevel par un div. Remarque: la table de niveau inférieur doit rester une table car elle est très complexe dans notre code actuel.

<table style="width: 500px;" align=center> 
<tr> 
<td> 
<table><tr><td> 
Hello there... .this is some text and such 
</table></tr></td> 
</td> 
</tr> 
</table> 

Retrait de la première ligne à

<table style="width: 500px;text-align: center"> 

permet de rendre aligné à gauche. Comment puis-je le rendre centré sans trop de piratage?

(notez ceci est juste un exemple simplifié, notre site actuel est beaucoup plus complexe)

Answer 1

Ajouter text-align:center au style du conteneur parent de votre table, et margin:0 auto à la table elle-même et il devrait aligner la manière vous vous attendez. (testé en FF)

Modifier: supprimé le css invalide "aide" ... mon erreur.

Answer 2

This pourrait être une ressource utile. Il dit de faire un alignement horizontal, vous pouvez ajouter les styles:

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

Il y a encore un problème dans IE (dont il a besoin text-align: center) que le lien décrit et explique comment pour accueillir.