web-dev-qa-db-fra.com

Marge: Auto ne fonctionne pas IE

URL: http://cyberbat.co.uk/test marge du conteneur: auto ne fonctionne pas, existe-t-il un autre moyen de le placer au milieu dans IE?.

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

cssinternet-explorerinternet-explorer-9margintext-align
11
Lewes

C'est un bug dans IE! Il vous suffit de créer un titulaire pour <div class="page"> et de définir son text-align sur center

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}
<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>
18
javad amiry
<!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 vos normes. si vous ajoutez à ce code en haut de votre fichier cela fonctionnera!

9
Coşkun GEMİCİ

Utilisez ceci sur le conteneur parent pour les navigateurs stupides:

text-align: center
8
Jan Tojnar

essayez d'utiliser ce qui suit sur l'élément parent.

display: flex;
align-items: center;
5
Daryl H

Vous avez le code php RAW parce que vous n'avez pas configuré 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ésolvez ce problème en appliquant PHP aux fichiers * .html et <?php include ?> n'apparaîtra pas littéralement. Si je me souviens bien, ajustez cette ligne dans le fichier .ini comme suit:

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

Parce que ce code dorsal littéral se trouve devant le DOCTYPE, il provoque le mode quirks dans IE et les marges automatiques horizontales ne fonctionnent pas correctement.

Vous pouvez utiliser l'élément text-align: center on parent, mais c'est un hack pour IE et vous devriez le résoudre correctement en faisant IE le rendre en mode standard à partir de ma suggestion ci-dessus. .

3
meder omuraliev

Internet Explorer affiche votre site Web en mode quirks en raison de cette instruction de traitement bidon située en haut du balisage:

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

Le retirer; margin: auto fonctionne dans IE6 +. Il y a non besoin de faire text-align: center ou d’autres modifications inutiles.

2
duri

Essayez d’ajouter un enregistrement meta à head:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
1
tulsluper

Vous pouvez télécharger normalize.css (il suffit de le chercher sur Google) et le lier à votre projet. Vous pouvez maintenant l'utiliser comme:

HTML: 

    <main class="container></main>

CSS: 

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