Input und textarea mit css-definierter Breite: Button ist schmaler!

Status
Nicht offen für weitere Antworten.

Warper

Erfahrenes Mitglied
Hi,

habe folgendes Problem nun schon öfters gehabt und möchte mal eine Lösung finden:

Habe per CSS die Breite der Formularfelder definiert:

HTML:
#inhalt input {
	background-color: #fff;
	border: 1px solid #BBBBBB;
	font-size: 12px;
	width: 300px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	}
#inhalt textarea {
	background-color: #fff;
	border: 1px solid #BBBBBB;
	font-size: 12px;
	width: 300px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	}

Leider ist ein <input type="submit"> immer etwas schmaler als der Rest - warum? Bzw. wie kann ich Abhilfe schaffen?

Bsp: http://www.steffen-behn.de/kontakt.php

Schöne Grüße,
Steffen
 
Das ist wohl eher ein plattformabhängiges Phänomen. Denn bei mir (Safari 2.0.4) wird es wie gewünscht dargestellt.
 
Wie es scheint, wird gegenüber den Eingabefeldern beim Submit-Button die Rahmenstärke nicht zur Breitenangabe hinzuaddiert.
 
Status
Nicht offen für weitere Antworten.
Zurück