Margin: Auto ne fonctionne pas sous IE

URL: http://cyberbat.co.uk/test conteneur margin: auto ne fonctionne pas, est-il un autre moyen de le mettre dans le milieu dans IE.

EDIT: Vérifier à nouveau, l'index.php était le mauvais fichier, je l'ai remplacé par index.html .

Mauvaise question. Montrer le code HTML source, nous ne voulons pas avoir à aller le trouver à partir de votre lien... et les mettre dans le milieu exactement?
Vous avez juste besoin d'un conteneur pour .page que son text-align devrait être center. IE ne peut pas centraliser un bloc-balise (comme divs ou uls) via margin. Voir le code ci-dessous dans la réponse
Le lien ne fonctionne plus.

OriginalL'auteur Lewes | 2011-10-18

  1. 9
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

    Votre problème est de définir votre type de fichier et de normes. si vous ajoutez à ce code en haut de votre fichier, il va travailler!

    Et pourquoi cela fonctionne? Indice: «en mode quirks»
    J'ai ajouté HTML 5 de la <!DOCTYPE html>, maintenant IE se comporte comme prévu. 10x

    OriginalL'auteur Coşkun GEMİCİ

  2. 8

    L'utiliser sur conteneur parent stupide navigateurs:

    text-align: center

    OriginalL'auteur Jan Tojnar

  3. 5

    essayez d'utiliser les opérations suivantes sur l'élément parent.

    display: flex;
align-items: center;
    Ou display: flex sur le parent et alignez-auto: centre sur l'enfant si vous ne souhaitez qu'un élément centrée verticalement

    OriginalL'auteur Daryl H

  4. 3

    Vous avez CRU le code php parce que vous n'avez pas à configurer le serveur correctement:

    <?php
include('inc/settings.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    Résoudre le problème en appliquant PHP *.les fichiers html et <?php include ?> de ne pas s'afficher littéralement. Si je me souviens bien, ajuster cette ligne dans le .ini fichier:

    AddType application/x-httpd-php .html .htm .php

    Parce que le littéral de ce backend code est devant le DOCTYPE, il provoque en mode quirks dans IE et dans bizarreries horizontale automatique des marges de ne pas fonctionner correctement.

    Vous pouvez aller avec le text-align:center sur l'élément parent, mais c'est un hack pour IE et vous devez résoudre correctement, en faisant IE rendre dans les normes de la mode de ma suggestion ci-dessus.

    OriginalL'auteur meder omuraliev

  5. 2

    Internet Explorer affiche votre site web en mode quirks, à cause de cette fausse instruction de traitement dans le haut de balisage:

    <?php
include('inc/settings.php');
?>

    L'enlever; margin: auto travaille dans IE6+. Il y a pas besoin de faire text-align: center ou d'autres changements inutiles.

    Désolé, c'est le fichier php. Vérifiez de nouveau, j'ai mis le index.html fichier pour remplacer le index.php fichier.
    Si j'ai ouvert le lien que vous avez fourni, je peux encore voir <?php ... au-dessus de la source (appuyez sur Ctrl+U dans votre navigateur pour afficher la source).

    OriginalL'auteur duri

  6. 1

    Essayez d'ajouter un meta enregistrement à head:

    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    En fait, cela a fonctionné mieux que tous les autres moyens mentionnés pour l'obtention de ma page à afficher dans IE11 la même manière qu'il le fait dans Chrome.

    OriginalL'auteur tulsluper

  7. 0

    Vous pouvez télécharger normaliser.css (il suffit de googler) et l'associer à votre projet, vous pouvez maintenant utiliser qch comme:

    HTML:

        <main class="container></main>

    CSS:

        .container {
      margin-left: auto;
      margin-right: auto;
      width: 600px;

    OriginalL'auteur n4ks