2010-12-08 3 views
1

Ich habe ein Problem mit der Zentrierung von Auswahloptionselementen in IE8. Grundsätzlich funktioniert das bei mir in anderen Browsern, aber nicht in IE8.Gibt es eine Möglichkeit, Elemente der Auswahl/Combobox in IE8 zu zentrieren?

Bis jetzt habe ich es geschafft, keine browserspezifischen Hacks zu vermeiden, aber aus den Recherchen, die ich gemacht habe, scheint es, dass dies mit IE8 nicht möglich ist.

Hier ist Beispielcode, um das Problem zu veranschaulichen.

<html> 
<head><style>select { text-align: center; }</style></head> 
<body>Debugging Centering Issue 
    <select> 
     <option>Short option</option> 
     <option>Very Long Option with lots of horizontal width</option> 
    </select> 
    </body> 
</html> 

Laden Sie es in FF und die Combobox ist zentriert. Machen Sie dasselbe in IE und es ist linksbündig.

Ich habe versucht, die jQuery Center Element Plugin, ohne Erfolg.

Gibt es eine Möglichkeit, dies zu tun?

Nur zur Klarstellung, ich spreche über die Zentrierung der Optionen (Drop-Down-Elemente) auf das Select-Element, nicht das Select-Element selbst.

+0

Nicht sicher, ob das eigentlich sogar zentrierbar ist (je nach Spezifikation). Kann jemand klären? –

+0

Welche Spezifikation? Es scheint in FF gut zu funktionieren ... –

Antwort

0

Standardmäßig nicht möglich.

Check: how to make sure select option text align in the center in IE?

Wenn es wirklich zentriert werden sollte, würde ich eine benutzerdefinierte mit Javascript auswählen erstellen.

Ich kann Ihnen ein Beispiel mit HTML und Jquery codieren, wenn Sie möchten.

+0

Ich habe den Thread gesehen, den Sie verlinkt haben, er hat wirklich keine andere Antwort als "es funktioniert nicht", weshalb ich meine Frage mit klarem Beispielcode erstellt habe. Ich würde denken, dass es einen Weg geben muss, dies zu tun, ohne zusammen eine jquery Combobox zu hacken. –

+1

Nein nicht möglich, nur mit HTML + CSS – PeeHaa

Verwandte Themen