✔ Formular Zentrieren IE

[nchristoph]

Hallo zusammen,

ich will mein Loginformular mittig zentrieren.

Im Firefox funktionierts einwandfrei. Im IE allerdings gar nicht.

* {
margin : 0;
padding : 0;
}

html, body {
margin : 0;
padding : 0;
height : 100%;
}

.login {
    margin : auto;
    min-height : 100%;
    height : 100%;
    overflow : hidden;
}

.loginheader {
    background : #ABC6DD;
    margin : auto;
    min-height : 25%;
    height : 33%;
    overflow : hidden !important ;    
    margin-bottom:20px;
}

.loginform {
    display: block;
    background: #CFCFCF;
    width: 200px;
    margin:auto;
}

.loginfooter {
    background: #ABC6DD;
    height: 49%;
    margin : auto;
    margin-top:20px;
    min-height : 25%;
}

Lt. w3c Validator ist das CSS File 100% valid.

Muss ich beim IE was extra beachten?

 

[ReqonxS]

Versuch es mal mit margin: 0 auto;

 

[nchristoph]

Hat auch nicht geholfen. Das Loginformular ist immer noch ganz links ausgerichtet.

 

[para_noid]

Hast du dein HTML auch validiert? Vielleicht spinnt der IE deswegen rum.

Ansonsten zeig mal bitte den Teil des HTMLs den das betrifft.

edit: oder gib mal bei .login eine width an

 

[Vvendetta]

Das Problem wird sein: Wenn er den Wert so ändert, dass es im IE gut aussieht, wird es im FF nicht mehr gut aussehen. Helfen tut hier eine Browserweiche. So wird jedem Browser ein anderer Wert zugewiesen.
Auf dieser Seite wird es schön erklärt.
http://www.collis.de/tipps-tricks/css-browserweiche/

P.s bei solchen Problemen ist es schon zu empfehlen auch den HTML"Code" zu posten.

 

[nchristoph]

Ich hab jetzt ne IE Weiche eingebaut und nachdem was ich bei Google gefunden habe die CSS Datei modifiziert.

Funktioniert tadellos.

Danke an alle.