Eingabefeld und submit Button nicht gleich hoch

[Elvis]

Hallo,
weis jemand warum das Eingabefeld und der submitButton nicht auf gleicher höhe ist im Firefox ???

Im IE ist das ok.

Firefox 3.x
[ externes Bild ]

Internet Explorer
[ externes Bild ]

Code: Alles auswählen

input{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006600;}

input.text{
border:1px solid #ff0000; 
margin: 0; 
padding:2px; 
height:15px;
}

input.submit{
cursor:pointer; 
width:106px; 
font-size:12px;
border:1px solid #ff0000; 
height:21px;
background:#f7f7f7;
}

[jimmartens]

height:15px;
height:21px;

Vielleicht liegt es daran?

[P7BB]

height:15px;
height:21px;

Vielleicht liegt es daran?

Nein, ich glaube es liegt dadran, dass beim input-feld ein padding von 2px eingestellt wurde und bei dem button nicht.

Edit: Ich hab es mal getestet und anscheinend würde es mit der Höhe sowieso nicht so aussehen, wie auf deinem bild. wenn ich beide höhen = 21px setze, sieht es aber genauso aus.

[gn#36]

Na wenn man dem Firefox unterschiedliche Hoehen gibt dann gibt er auch unterschiedliche Hoehen aus... Warum der IE das nicht macht wuerde mich eigentlich eher interessieren. Der Fehler ist also eher im IE als im FF.

[Elvis]

Hallo,
also das mit den 2 verschiedenen Höhen ist schon ok (denke ich) da wird wenigstens der Button in der gleichen Höhe Angezeigt wie das Eingabefeld.

Ich habe jetzt 3 Tage gefummelt daran und edliche Sachen Probiert und komme nicht weiter :/

hier das Beispiel

ich wis echt nicht mehr warum das im Firefox nciht auf gleicher Höhe ist wie das Eingabefeld, den die Höhe vom Eingabefeld und der Button ist ja gleich auf 21px komischer weise.

Die CSS Datei