< input > Felder und Buttons identisch ausrichten
Categories: web-development
Ich stoße schon seit längerem auf das Problem, dass Input Felder und nachfolgende (image) buttons sich nie auf einer Höhe befinden möchten. Auch wenn die Höher beider immer die gleiche ist, sie in einem fieldset zusammengeschlossen sind und das erste Element floatet.
ständig verrutschten mir die beiden Elemente »input Feld« und »button«
Jetzt habe ich des Problems Wurzel gefunden. Ein input Feld wird standardmäßig mit vertical-align:middle; und ein button mit vertical-align:bottom; vom browser interpretiert.
Also muss ich nur entweder per CSS reset die Input Objekte »auf den Boden zurückholen« oder dem (image-) button gleiche mittlere Positionierung zuweisen und schon schaut das ganze heile aus!
angepasste Höhe beim input und Button Feld

