Hier ist die Seite, an der ich arbeite:
http://www.escalateinternet.com/
Ich versuche, das Anmeldeformular sowohl vertikal als auch horizontal zu zentrieren. Es funktioniert jetzt in allen Browsern außer Internet Explorer.
Hier ist das CSS, das ich zum div hinzugefügt habe, um es zu zentrieren:
bottom: 0;
height: 400px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
Was mache ich falsch, damit es nicht im IE zentriert ist wie in anderen Browsern?
Antworten:
0 für die Antwort № 1Auf div
mit diesen Klassen: whmcscontainer contentpadded
css setzen width:100%
. IE benötigt die Breite des übergeordneten Elements als Referenz, um die Position mit festzulegen margin: auto
.
1 für die Antwort № 2
bottom: 0;
height: 400px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
text-align:center;
0 für die Antwort № 3
Da Sie keine DOCTYPE-Deklaration haben, ist dieser Fehler aufgetreten. Fügen Sie diese Zeile über dem HTML-Tag hinzu. Am oberen Rand des Dokuments. <!DOCTYPE html>
0 für die Antwort № 4
Versuche dies
element.style {
bottom: 0;
height: 400px;
left: 50%;
margin: auto auto auto -150px;
position: absolute;
top: 0;
}