Affichage sous IE/Firefox [Débutant(e)]

**leoncap** · 09/03/2007, 18h27

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 html :

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

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

**Candygirl** · 09/03/2007, 18h52

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.

**leoncap** · 09/03/2007, 19h07

En haut de ma page, il y a :

Code html :

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

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

Est-ce bon ?

**Candygirl** · 09/03/2007, 20h25

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

Code html :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

**supergogol** · 10/03/2007, 10h16

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.

**Candygirl** · 10/03/2007, 11h38

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.

Affichage sous IE/Firefox [Débutant(e)]

HTML

Discussions similaires

Partager

Partager