Margin: Auto funktioniert nicht im IE

URL: http://cyberbat.co.uk/test container margin: auto nicht funktioniert, gibt es einen anderen Weg, um es in der Mitte im IE.

EDIT: Check doch nochmal die index.php war die falsche Datei, die ich ersetzt es mit index.html .

Schlechte Frage. Zeigen Sie einige HTML-Quelltext, den wir nicht gehen wollen, finde es von deinem link... und was in der Mitte genau?
Sie brauchen nur einen container für .page dass seine text-align sollte center. IE kann nicht zentralisieren, ein block-tag (wie divs oder uls) über margin. Sehen Sie den folgenden code in die Antwort
Link funktioniert nicht mehr.

InformationsquelleAutor Lewes | 2011-10-18

Dies ist ein bug im IE!
Sie müssen nur zu erstellen, eine Halterung für <div class="page"> und seine text-align zu center

CSS:

.page-holder{
    text-align:center;
}
.page{
    margin:0 auto;
}

HTML:

<div class="page-holder">
    <div class="page">
    page content
    </div>
</div>

InformationsquelleAutor javad amiry

9
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
```
Dein problem ist, definieren Sie Ihre Datei-Typ und-standards. wenn Sie hinzufügen, um diesen code zu Anfang der Datei das es funktioniert!
- Und warum diese funktionieren? Hinweis: der «quirks-Modus»
- Ich fügte hinzu, HTML 5 <!DOCTYPE html> jetzt IE sich so verhält, wie erwartet. 10x
InformationsquelleAutor Coşkun GEMİCİ
8

Verwenden Sie diese auf übergeordnete container für doofe Browser:
```
text-align: center
```
InformationsquelleAutor Jan Tojnar
5

versuchen Sie, die folgenden auf das übergeordnete Element.
```
display: flex;
align-items: center;
```
- Oder display: flex auf die Eltern-und align-self: center auf das Kind, wenn Sie nur wollen, dass ein element vertikal zentriert
InformationsquelleAutor Daryl H
3

Haben Sie RAW-php-code, weil Sie nicht konfigurieren Sie den server ordnungsgemäß:
```
<?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 das Problem durch die Anwendung von PHP auf *.html-Dateien und <?php include ?> jetzt nicht wörtlich. Wenn ich mich Recht erinnere, passen Sie diese Zeile in die .ini-Datei:
```
AddType application/x-httpd-php .html .htm .php
```
Weil dieses literal backend-code vor dem DOCTYPE, es verursacht quirks-Modus im IE und im quirks-horizontale automatische Ränder nicht richtig funktionieren.

Kann man mit text-align:center im übergeordneten element, aber das ist ein hack für den IE und Sie lösen sollte dies richtig, indem IE im standards-Modus gerendert aus meinem Vorschlag oben.

InformationsquelleAutor meder omuraliev
2

Internet Explorer zeigt die Webseite im quirks-Modus, da dieser Schein-processing instruction oben markup:
```
<?php
include('inc/settings.php');
?>
```
Entfernen; margin: auto funktioniert im IE6+. Es gibt keine tun müssen text-align: center oder anderen unnötigen änderungen.
- Sorry, das war der php-Datei. Prüfen Sie erneut, legte ich den index.html Datei zu ersetzen index.php Datei.
- Wenn ich den link zu öffnen, den Sie, ich kann immer noch sehen <?php ... an der Spitze der Quelle (drücken Sie Strg+U in Ihrem browser Quelle).
InformationsquelleAutor duri
1

Versuchen Sie, ein meta Datensatz head:
```
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
```
- Dies funktionierte besser als alle anderen genannten Methoden, um meine Seite für die Darstellung in IE11 auf die gleiche Weise wie in Chrome.
InformationsquelleAutor tulsluper
0

Können Sie herunterladen normalisieren.css (google es einfach) und link zu Ihrem Projekt, jetzt können Sie etwas wie:

HTML:
```
    <main class="container></main>
```
CSS:
```
    .container {
      margin-left: auto;
      margin-right: auto;
      width: 600px;
```
InformationsquelleAutor n4ks

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.