Button im IE8 beim klick versetzt

[xkoy]

Also,
ich habe nen JPG als Hintergrundbild einfach platziert. im Firefox alles Ok, nur im ************* IE kommt son standard "Rollover". Das ist ein INPUT Button, der Text geht dabei rechts runter 2px, und die Grafik selber 2px nach oben links.

Find aber den Fehler nicht.

Vielleicht kann jemand helfen !

danke

 

[Grafixboy]

Ja kann helfen wenn man mich läßt

Und wo ist bitte der Code oder Link dahin das dir geholfen werden kann ?

 

[Maik]

im IE kommt son standard "Rollover". Das ist ein INPUT Button, der Text geht dabei rechts runter 2px, und die Grafik selber 2px nach oben links.

Find aber den Fehler nicht.

Da wird niemand einen Fehler finden, weil es keinen gibt, denn dies ist das "normale" Verhalten von IE8, wenn ein Button (<input type=submit>, <input type=button>) geklickt wird, das sich auch nicht mit CSS beeinflussen lässt.

Beim <button>-Element hingegen verhalten sich die Browser zumindest gleich - siehe http://de.selfhtml.org/html/formulare/anzeige/button.htm

mfg Maik

 

[Grafixboy]

Er spricht aber von einem Rollover - Ereignis
was ja eher mit dem 'hover' vergleichbar ist,
als mit einem onclick - Ereignis.

Ich denke du solltest dein CSS mal nach dem Pseudoelement (hover)
durchsuchen weches auf den Button zeigt und überprüfen.

such mal nach soetwas:

...
.formbuttonclass:hover{
background:url( 'bild.gif' ) repeat-x left top;
}
...

oder
...
#formbuttonid:hover{
background:url( 'bild.gif' ) repeat-x left top;
}
...

 

[Maik]

Er spricht aber von einem Rollover - Ereignis

Dann hat er sich hier mißverständlich ausgedrückt, denn dieses beschriebene Verhalten

der Text geht dabei rechts runter 2px, und die Grafik selber 2px nach oben links.

tritt beim Klicken, und nicht beim Überfahren des Buttons auf.

So, wie's auch im Themenbetreff formuliert ist.

mfg Maik

 

[Grafixboy]

Wenn mann aber ein eigenes Bild dahinter legt tritt der Fehler mit der verschobenen Grafik nicht auf.
(Zumindest nicht im IE8)
Sondern nur die Schrift bewegt sich 2px zur seite und 2px runter.
sein Fehler ist die zentrierte ausrichtung der plazierten Grafik.
deswegen muss er sie top left oder eben right buttom definieren.

 

[Maik]

Wenn mann aber ein eigenes Bild dahinter legt tritt der Fehler mit der verschobenen Grafik nicht auf.
(Zumindest nicht im IE8)
Sondern nur die Schrift bewegt sich 2px zur seite und 2px runter.

Du sprichst vom <button>-Element, das ich vorhin auch schon erwähnt habe. Hier kommt aber nicht ein Hintergrundbild, sondern ein eingebundenes <img>-Element zum Einsatz.

Beim <input>-Element hingegen läuft es genau so ab, wie von xkoy beschrieben.

Achte hier mal auf die linke obere Ecke, wo das Bildmotiv am Rand nicht deckungsgleich ist.



mfg Maik

 

[Grafixboy]

sorry aber außer die outline und die versetzte schrift kann ich keinen unterschied feststellen.
Aber ich überprüf das gleich mal mit meinem bildbearbeitungsprog

Ok du hast in deinem Beispiel recht.
Aber bei mir verschiebt sich die grafik nicht sondern nur die Schrift.kuckst du hier
und das ist auch ein input vom type button

 

[Maik]

Dann hol mal die Lupe raus

mfg Maik