[HTML & CSS] Problem mit input (button) padding

WeBsPaCe · Verfasst: Sa 11.11.06 16:35

Tach.

Mal ne Frage... Wieso zeigen mir der Firefox und der Internet Explorer bei dem folgenden Code unterschiedliche Sachen an? Der Firefox macht wie ihm gesagt keinen Abstand zwischen Beschriftung des Buttons und dessen Rand. Der Internet Explorer macht da irgendwie nen Abstand rein.

Jemand ne Lösung? Ich will den Abstand zwischen Buttonrand und Beschriftung frei wählen können.

markieren

Quelltext

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
    <head>
      <title></title>
    </head>
    <body>

      <p>
      <input type="button" value="Tralalalalalala" style="padding: 0px;" />
      </p>

    </body>
  </html>

Schon probiert auf <button> auszuweichen. Gleiches Problem.

mfG,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

jaenicke · Verfasst: Sa 11.11.06 16:40

Warum nicht einfach so:

markieren

Quelltext

1:	<input type="button" value="Tralalalalalala" style="width: 250px;" />

Sowohl in den Gecko-Browsern als auch beim IE wird das korrekt interpretiert, das heißt beim IE fällt der Rand weg, wenn man die Breite kleiner setzt bzw. bei den Geckos wird der Rand genauso groß wie beim IE wenn den Button größer macht.

WeBsPaCe · Verfasst: Mo 13.11.06 14:31

Jup, danke.

Funktioniert so. Hab ich nicht drangedacht. Muss dafür halt dann jedem <input ... /> eine eigene ID geben wegen verschiedener Größen, aber's funktioniert.

Vielen Dank.

mfG,
WeBBy

_________________
Steht der Bauer im Gemüse, hat er später grüne Füße.

	Mitgliederliste
	Gruppen
	Das Team
	Richtlinien
	Synonyme