ScaraX: IE8: input type=select zentrieren

Hallo,

folgendes Problem:
Ich möchte einen Submit-Button horizontal zentriert darstellen.
Aus verschiedenen Gründen ist es mir nicht so einfach möglich, den Container ein text-align: center zu verpassen, allerdings kann ich den CSS-Code des Buttons editieren.

Ich hielt dies auch für eine einfache Aufgabe, einfach ein display: block; margin: 0 auto; zuweisen... denkste ;)

Das funktiniert wie erwartet in allen modernen Browsern, überraschenderweise auch im IE6 und dem IE8 in der Kompatibilitätsansicht, nur der IE8 zeigt den Button weiterhin linksbündig an.

Beispiel:

http://scarax.ath.cx/Misc/csstest.html Link funktioniert solange mein PC läuft ;)

<!DOCTYPE HTML>  
<html lang="de-DE">  
    <head>  
        <style>  
            input {  
                display: block;  
                margin: 0 auto;  
            }  
        </style>  
    </head>  
    <body>  
        <form action="" method="post">  
            <input type="submit" value="submit" />  
        </form>  
    </body>  
</html>

Ich hoffe ihr könnt mir weiterhelfen :)

MfG
ScaraX

  1. Hallo,

    Das funktiniert wie erwartet in allen modernen Browsern, überraschenderweise auch im IE6 und dem IE8 in der Kompatibilitätsansicht, nur der IE8 zeigt den Button weiterhin linksbündig an.

    Vielleicht reicht ja erstmal so ein einfacher Workaround:

    input {  
                    display: block;  
                    margin: 0 auto;  
                    margin-left:49%;
    

    oder

    input {  
                    display: block;  
                    margin: 0 auto;  
                    width:5em;
    

    ggf. auch min-width:3em;

    Grüsse

    Cyx23