2010-09-01 4 views
4

J'ai une petite table sur une de mes pages et je voudrais qu'elle soit centrée donc j'ai codé <table cellpadding="0" cellspacing="0" align="center"> qui fonctionne bien dans IE mais la table reste alignée dans Firefox.Centrer une table dans Firefox

Si j'utilise text-align:center n align:-moz-center son ne fonctionne pas dans IE

Que dois-je changer pour obtenir la table pour centrer dans Firefox? Si je devais utiliser -moz-center comment le faire fonctionner dans IE?

Je suis coincé ici.

Répondre

4

Comme mentionné Lekensteyn, voici un code pour montrer en action:

<div style="margin: 0 auto; text-align:center;"> 
<table border="1" style="width:200px;"> 
<tr> 
    <td>Hello</td> 
    <td>How</td> 
</tr> 
<tr> 
    <td>are</td> 
    <td>you?</td> 
</tr> 
</table> 
</div> 

il devrait se centrer sur la base de la définition de style width & margin.

+0

Cela ne fonctionnera que si le div a une largeur définie. Par défaut, les éléments de niveau bloc ont une largeur de 100%. –

6

Ajoutez margin: auto; à la table. C'est la façon standard de le faire.