Hallo,
Die spannende Frage ist aber doch: Auf welche Weist hast du die Eingabefelder über den Buttons positioniert? Kannst du nicht genau die gleiche Methode bei den Buttons anwenden?
die anderen Felder ordne ich so an
<div class="textfeld">
<label for="event">Projekt *</label>
<input type="text" name="event" id="event" value="">
</div>
Und das dazugehörige CSS
.textfeld label {
display: inline-block;
width: 25%;
margin-top: 10px;
}
.textfeld input, textarea, select {
width: 40%;
display: inline-block;
padding: 4px;
border: 1px solid #d4d4d4;
margin-top: 10px;
}
Du hast recht, ich könnte um die Buttons auch einfach ein DIV mit der Klasse textfeld legen, dann könnte das Problem behoben sein. Denn diese stehen vom Abstand und Anordnung in jedem Browser und unter Windows / Mac gleich aus.