input_button border oben stimmt nicht

markus · 25. November 2007, 17:15

Hallo,
ich versuche verzweifelt den oberen Border vom Button "Suchen" auf gleicher höhe zu setzten wie das EingabeFeld links daneben.
Im Prinzip wäre das kein Problem, nur im Firefox und IE 6 verschibt sich das um 1 Pixel.

[Blockierte Grafik: http://bildupload.sro.at/a/thumbs/input.jpg]
klick für größe Anzeige

hier mal der CSS Code

Quellcode

input {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-image: url(images/bg_input.png);
background-color: #fbf0df;
border: 1px #cececf solid;
}
input.Button {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
/* background-image: url(images/bg_bbCode1.png); */
background-color: #fafafa;
border: 1px #ff0000 solid;
}

Alles anzeigen

könnte mir bitte jmand weiter helfen, das es im Firefox und IE gleich aussieht ?

Torben Brodt · 25. November 2007, 21:16

versuch mal bei beiden height:18px - dann dürften sie zumindest einheitlich sein.
Für 17px ist der Button wohl im IE zu klein.

markus · 26. November 2007, 15:49

Hallo,
wenn ich das mache wird der button "Suchen" um 1 Pixel im Firefox nach oben geschoben und beim IE passt es dann.

Torben Brodt · 26. November 2007, 17:19

mach das Eingabefeld auch 18px hoch. Alternativ kannst du natürlich auch eine Browserweiche einrichten. Aber hier hängt das eher mit den installierten Schriften zusammen.

markus · 29. November 2007, 07:43

ok dann muß ich nochmal alles durchgucken Danke.

input_button border oben stimmt nicht

input_button border oben stimmt nicht

Quellcode

Teilen

Tags