IE8: input type=select zentrieren
    
ScaraX
    
    
      
    
  - css
- 0 Cyx23
 nicht angemeldet
 nicht angemeldetHallo,
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
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