Internet Explorer CSS - Centre Div

J'ai récemment fait un site mais j'ai vraiment un gros problème avec Internet Explorer. Le CSS ne semble faire des choses étranges dans IE.
Plutôt que de copier des centaines de lignes de CSS voici un lien vers une page du site: http://www.appwheal.com/app/ios/angry-birds-space
Tout le contenu doit être affiché dans le milieu de l'écran. Au lieu de cela, avec IE, il est collé à gauche.

Je suis en utilisant 

margin-left: auto;

margin-right: auto;

C'est pris en charge par IE, à droite.

S'il vous plaît aider et merci d'avance.

Il a également besoin d'un largeur:.
double possible de Float un div au centre

OriginalL'auteur John Wheal | 2012-05-15

  1. 12

    Vous devez déclarer un DOCTYPE, ou Internet Explorer par défaut en mode Quirks (IE5 de compatibilité). Allez dans Internet Explorer, tapez F12 pour afficher les outils de développement, et elle affiche les "Bizarreries", de mode de Mode de Document. Bizarreries ne prend en charge aucun de connu div centrage méthodes de autour de, et de la déclaration de la DOCTYPE est la méthode la plus simple (et recommandé) de façon à le fixer.

    Pour définir votre page XHTML 1.0 Transitional (qui est la plus commune), utilisez

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    À déclarer à la page HTML5 compatible, utilisez

    <!DOCTYPE html>

    La DOCTYPE ligne doit être la première ligne dans le fichier html, apparaissant AVANT l'ouverture <html> tag.

    Merci, je me rends compte que j'ai oublié. Au moins, je n'ai pas eu à changer les charges de CSS.
    Merci beaucoup pour l'explication!

    OriginalL'auteur saluce

  2. 1

    Vous devez également définir

    body {
    text-align: center;
}

#yourDiv {
    margin: 0 auto;
    text-align: left;
}
    Le DOCTYPE n'est pas défini; c'est à dire est le rendu de la page en mode Quirks.
    ah, le génial Craps mode. merci
    Oui, si vous modifiez le mode de document dans les outils de développement pour IE7, il fonctionne parfaitement sans changer le CSS, le paramètre text-align: center dans le corps n'est pas nécessaire
    OK, je vais vous donner. mais d'une manière générale, il est considéré comme seulement la moitié de la solution à l'ensemble margin: 0 auto; il y a beaucoup de tutoriels que dire de la fiabilité de souci, vous devez inclure l'autre partie (aligner au centre pour le corps, l'aligner à gauche de votre wrapper)

    OriginalL'auteur Kristian

  3. 1

    Ensemble de la marge et de la largeur :

    #yourDiv {
  margin: 0 auto;
  width: 300px;
}

    OriginalL'auteur user2094324

  4. 0

    Vous pouvez utiliser l'ancienne école text-align:center
    Et essayer de top:50%; left:50%; et le décalage approprié négatif pixels

    OriginalL'auteur Gang Su