Sep 7, 2010
< input > Felder und Buttons identisch ausrichten
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
Gefällt Dir der Artikel?
Dann würde ich mich freuen, wenn Du ihn twitterst, likest oder plusst. Danke!
Bewertungen für: < input > Felder und Buttons identisch ausrichten
(Keine Bewertungen bisher)
Loading ...
(Keine Bewertungen bisher) Loading ...
