wake-up-neo.com

Margin: Auto funktioniert nicht IE

URL: http://cyberbat.co.uk/test container margin: auto funktioniert nicht, gibt es eine andere Möglichkeit, es im IE in die Mitte zu stellen?.

EDIT: Überprüfe es nochmal, die index.php war die falsche Datei, ich habe sie durch index.html ersetzt.

11
Lewes

Dies ist ein Fehler im IE! Sie müssen nur einen Halter für <div class="page"> erstellen und seinen text-align auf center setzen

.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">

Ihr Problem besteht darin, Ihren Dateityp und Ihre Standards zu definieren. Wenn Sie diesen Code oben in Ihre Datei einfügen, funktioniert es!

9

Verwenden Sie dies für übergeordnete Container für dumme Browser:

text-align: center
8
Jan Tojnar

versuchen Sie Folgendes für das übergeordnete Element.

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

Sie haben RAW-PHP-Code, weil Sie den Server nicht richtig konfiguriert haben:

<?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">

Beheben Sie dieses Problem, indem Sie PHP auf * .html-Dateien anwenden, und <?php include ?> wird nicht buchstäblich angezeigt. Wenn ich mich richtig erinnere, passen Sie diese Zeile in der INI-Datei wie folgt an:

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

Da sich dieser wörtliche Backend-Code vor dem DOCTYPE befindet, werden in IE Macken angezeigt, und in Macken funktionieren horizontale automatische Ränder nicht ordnungsgemäß.

Sie können mit der Option text-align: center on parent element fortfahren, aber das ist ein Hack für IE, und Sie sollten dieses Problem beheben, indem Sie IE gemäß meinem obigen Vorschlag im Standardmodus rendern lassen .

3
meder omuraliev

Internet Explorer zeigt Ihre Website aufgrund dieser falschen Verarbeitungsanweisung oben im Markup im Macken-Modus an:

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

Entfernen Sie es; margin: auto funktioniert in IE6 +. Es besteht nein die Notwendigkeit, text-align: center oder andere unnötige Änderungen vorzunehmen.

2
duri

Versuchen Sie, einen meta-Datensatz zu head hinzuzufügen:

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

Sie können normalize.css herunterladen (einfach googeln) und mit Ihrem Projekt verknüpfen. Jetzt können Sie smth wie folgt verwenden:

HTML:

    <main class="container></main>

CSS:

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