Padding-Eigenschaft bei Buttons wird vom IE ignoriert

[Koontz]

Hi,

ich habe folgenden, simplen HTML-Code:

<input type="button" name="test" value="test" style="padding: 0px"></input>

In Firefox wird das ganze einwandfrei dargestellt, der IE6.0 ignoriert die Padding-Angabe jedoch einfach und lässt rechts und links von der Button-Beschriftung viel zu viel Platz. Ich weiss einfach nicht weiter, wäre nett wenn mir jemand helfen könnte.

Gruss,
Koontz

[Bio]

Sup!

Wer den IE nutzt, dem ist nicht zu helfen?

Gruesse,

Bio

[wahsaga]

hi,

du hast zu deinem problem gestern abend bereits gefragt. der thread ist noch gut erreichbar.

bitte lies </faq/#Q-11>, und unterlasse solche doppelpostings.

gruß,
wahsaga

[Koontz]

Ok, und auf's neue:

Zu meinem alten Problem kommt noch ein neues dazu:

ich habe folgenden CSS-Code für einen Button:

.menu_button a
{
  vertical-align:middle;
  text-decoration:none;
  border-width: 0px;
  border-style:solid;
  padding: 0px;
  color:#FFFFFF;
  background-color:#7E877E;
  width: 180px;
  font-size: 8pt;
  font-family:Arial;
  font-weight:bold;
}

Das Problem ist, dass die Button-Breite von 180 Pixeln vom Firefox-Browser einfach ignoriert wird. Der Button ist immer genauso breit wie der Text, der in ihm angezeigt wird. Der IE interpretiert die Width-Eigenschaft dagegen richtig und der Button ist genau 180 Pixel breit. Wie kann ich Firefox dazu bewegen, dass es dort auch funzt?

Gruss,
Koontz

[wahsaga]

hi,

Ok, und auf's neue:

sag mal, bist du vollkommen merkbefreit?
du wurdest jetzt mehrfach darauf hingewiesen, deine frage bitte im ursprungsthread fortzuführen.

gruß,
wahsaga

[Alexander Brock]

Hallo Koontz,

ich habe folgenden CSS-Code für einen Button:

.menu_button a

Das Problem ist immer noch der IE.
Du weist jedem Nachfahren-Element von jedem Element mit der Klasse menu_button
irgendwelche CSS-Angaben zu. Es gibt aber kein Element, auf das dieses
Suchmuster passt.

Wie kann ich Firefox dazu bewegen, dass es dort auch funzt?

Die Frage ist:
Was zum Kuckuck haben die Entwickler des IE's geraucht, als sie diesen
Mist verbrochen haben?

Gruß
Alexander Brock

[Koontz]

Hallo Koontz,

ich habe folgenden CSS-Code für einen Button:

.menu_button a

Das Problem ist immer noch der IE.
Du weist jedem Nachfahren-Element von jedem Element mit der Klasse menu_button
irgendwelche CSS-Angaben zu. Es gibt aber kein Element, auf das dieses
Suchmuster passt.

Wie kann ich Firefox dazu bewegen, dass es dort auch funzt?

Die Frage ist:
Was zum Kuckuck haben die Entwickler des IE's geraucht, als sie diesen
Mist verbrochen haben?

Gruß
Alexander Brock

Öhm, sorry. Ich kann Dir nicht ganz folgen. Willst Du damit sagen, es gibt keine Lösung für mein Problem? Wie müsste meine CSS-Deklaration denn richtig aussehen? Falls es hilft, ich binde den Button mit folgendem Code in meinem HTML-Seite ein:

<div class="menu_button"><a href="">Test</a></div>

[Alexander Brock]

Hallo Koontz,

Öhm, sorry. Ich kann Dir nicht ganz folgen. Willst Du damit sagen, es gibt keine Lösung für mein Problem?

Nein, zunächst mal möchte ich dir den Konsum folgender Seiten empfehlen:

http://www.afaik.de/usenet/faq/zitieren/
</faq/>

Wenn du das gelesen und verstanden hast und versuchst, diese Regeln
einzuhalten darfst du wieder posten.

Wie müsste meine CSS-Deklaration denn richtig aussehen? Falls es hilft, ich binde den Button mit folgendem Code in meinem HTML-Seite ein:
<div class="menu_button"><a href="">Test</a></div>

Und woher soll ich das wissen?
Zuerst geht es um einen Button, dann bringst du diesen völlig verqueren
(im Bezug auf Buttons) Selektor und jetzt schreibst du, dass es plötzlich
ein ganz anderer HTML-Code ist? Sonst gehts dir auch noch gut, was?

a ist ein Inline-Element, dem kann man keine Breite zuordnen.
Wenn du es doch versuchst ignorieren alle guten[tm] Browser[tm]
so einen Blödsinn. Du musst entweder das div selektieren oder
den Anker zum Block-Element machen.
Letzteres geht mit CSS.

Gruß
Alexander Brock