Affichage sous IE/Firefox

Version imprimable

Bonjour, je débute dans la création de site et j'ai un problème bizarre.
Lorsque je veux faire un tableau centré, du genre :
Code:

1 2 3 4 5 6 7 8 9 10 <table style="width: 50%; height: 30px; text-align: left; margin-left: auto; margin-right: auto;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td></td> <td></td> </tr> </tbody> </table>
Ce tableau est effectivement centré dans Firefox, mais est aligné à gauche dans internet explorer.
Je ne comprends pas.
Quelqu'un peut-il m'aider.
Merci par avance.

Ma configuration : Internet explorer 7 et Firefox 2

09/03/2007, 18h52
Candygirl

Hello et bienvenue sur le forum,

As-tu bien un doctype correctement spécifié tout en haut de ta page ?

Sans doctype (ou s'il est incorrect ou qu'il y a quelque chose avant) internet explorer interprète le css "à sa sauce" et non pas selon les standards, et donc le margin:auto ne fonctionne pas correctement.
09/03/2007, 19h07
leoncap

En haut de ma page, il y a :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Est-ce bon ?
09/03/2007, 20h25
Candygirl

Non, justement, c'est insuffisant; il manque l'url qui pointe sur la référence:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
10/03/2007, 10h16
supergogol

bonjour,

ie ne prend pas en charge la propriété "margin: auto". Il faut utiliser un script appeler IEMarginFix (petite recherche google pour le télécharger ;) ) pour contourner le problème.
10/03/2007, 11h38
Candygirl

Citation:

Envoyé par supergogol

ie ne prend pas en charge la propriété "margin: auto"

IE6 et 7 interprètent correctement le margin:auto en mode standard (donc avec un doctype correct renseigné et sans déclaration xml devant).

Si vraiment le centrage est requis pour IE5.5 et inférieure il y a moyen de passer par un text-align:center plutôt qu'un javascript.