nicht angemeldet
CSS-Problem mit INPUT-Feldern
Hallo alle,
das Problem hatte ich schon ein paarmal und habe mich immer mit "Workarounds" um eine echte Lösung gedrückt. Jetzt will ich es mal wissen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<form>
<input type="Text" style="border: 5px solid black; height: 20px;">
<input type="Submit" style="border: 5px solid black; height: 20px;">
</form>
</body>
</html>
Die beiden Input-Elemente sollten laut CSS eigentlich gleich hoch sein -- sind sie aber nicht: das Input-Feld ist um 12 Pixel niedriger. Dazu kommt, dass die beiden Elemente vom IE an den unteren Kanten ausgerichtet werden, vom FF an der oberen, Opera zentriert das kleinere Element gegenüber dem größeren.
Und wenn ich das Submit-Element auf height: 32px setze, sind die beiden gleich hoch, aber im FF nicht auf der gleichen Höhe, sondern vertikal leicht versetzt.
Was macht man da?
-- snorri
-
Das lässt sich ohne Browserweiche auch nicht anders realisieren.
-
Das lässt sich ohne Browserweiche auch nicht anders realisieren.
Ah. Na gut, dann bleibe ich beim bisherigen Verfahren :-)
Danke!
-- snorri
-