input Element
lvl
- css
0 Rafael
Moin.
In einem <div>-Element, habe ich zwei <input>-Elemente.
Das erste <input>-Element ist eine Textbox und das zweite <input>-Elemente ist ein SubmitButton.
Das Problem das bei mir auftritt: Sie sind weder gleich groß, noch beginnen sie auf gleicher Höhe.
Das einzige was ich in der CSS Datei an dem einen Textbox-Element ändere ist: width: 50px;
Auch wenn ich keinem der beiden <input>-Elemente in der CSS Datei etwas zuweise, ist der Button 1px über der Textbox. (im IE)
Woran liegt das?
Ich würde das gerne auch im FF testen, muss die Textbox aber wieder verkürzen. Da ist dann der Button auch 1px höher, hört aber mit dem Button nach unten hin auf.
Submit-Felder sind sehr eigensinnig. Im Internetexplorer haben sie zum Beispiel eine sehr eigenwillige Breiteneinstellung.
Definiere mittels CSS einfach so viele Eigenschaften wie nur möglich. Für beide Felder Also width, height, padding, margin und border. Dann lassen sie sich sehr zufriedenstellend angleichen.