Homepage "funktioniert" mit FF aber mit IE nicht...

[David Engels]

Hallo ihr Lieben!

Nachdem mir Matze ja schon geholfen hatte das Ganze überhaupt ans Laufen zu bekommen, habe ich jetzt noch das Problem es auch für den IE ans Laufen zu bekommen.

Damit ihr es nachvollziehen könnt: Es geht um diese Homepage. Eigentlich sollte es so sein (und so funktioniert es im Firefox auch), dass ein Bild auf dem Fernseher erscheint, wenn man mit der Maus über eine Stationstaste fährt, und dass man auf die jeweilige Seite weitergelenkt wird, wenn man dann draufklickt.

Hat denn vielleicht Einer von euch ne Idee, warum der IE da nicht mitspielen möchte?
Eine Antwort nach dem Motto: "Schreib' einfach: 'Keine IE-Benutzer bitte'" bringen mich nicht weiter und sind unerwünscht. Für alle Anderen konstruktiven Beiträge bin ich dankbar.

Danke für eure Hilfe, David

[Der Martin]

Hallo,

Damit ihr es nachvollziehen könnt: Es geht um diese Homepage. Eigentlich sollte es so sein (und so funktioniert es im Firefox auch), dass ein Bild auf dem Fernseher erscheint, wenn man mit der Maus über eine Stationstaste fährt, und dass man auf die jeweilige Seite weitergelenkt wird, wenn man dann draufklickt.

das scheitert natürlich daran, dass dieser Effekt ausschließlich mit Javascript realisiert ist. Schade eigentlich, die Idee ist ansonsten eigentlich ganz nett.

Hat denn vielleicht Einer von euch ne Idee, warum der IE da nicht mitspielen möchte?

Vielleicht stört er sich daran, dass du dieselbe ID mehrfach verwendest, was nicht nur invalide, sondern auch unsinnig ist? Es wundert mich, dass der sonst so korrekte Firefox über diesen groben Fehler einfach hinwegsieht.

So long,
 Martin

[David Engels]

Hallo Martin!

das scheitert natürlich daran, dass dieser Effekt ausschließlich mit Javascript realisiert ist. Schade eigentlich, die Idee ist ansonsten eigentlich ganz nett.

Ich wollte es eigentlich auch nicht mit JavaScript gemacht haben, aber bei meinem Posting "damals" wurde mir gesagt, dass es mit CSS wohl nicht so ohne weiteres zu machen ist...?!? Und dafür extra Flash?!? Muss nicht, oder?

Vielleicht stört er sich daran, dass du dieselbe ID mehrfach verwendest, was nicht nur invalide, sondern auch unsinnig ist? Es wundert mich, dass der sonst so korrekte Firefox über diesen groben Fehler einfach hinwegsieht.

Generell ist eine ID ja AFAIK eher als EINdeutige Sache gedacht. Sollte ich es deshalb in diesem Fall mit einer class machen?
Sind sonst noch Sachen an dem Code "unsauber"?

Danke für deine Hilfe, David

[EKKi]

Mahlzeit,

Generell ist eine ID ja AFAIK eher als EINdeutige Sache gedacht. Sollte ich es deshalb in diesem Fall mit einer class machen?

Ähm - wenn Du das schon weißt, dass IDs immer eindeutig sein müssen, wieso hältst Du Dich dann nicht daran? :-) Und: ja, eine Klasse dient dazu, mehreren Elemente gleiche Eigenschaften zuzuweisen (sie also zu einer Klasse zu ordnen).

Sind sonst noch Sachen an dem Code "unsauber"?

Frag doch den Validator Deiner Wahl ...

MfG,
EKKi

[plan_B]

Hallo,

Hat denn vielleicht Einer von euch ne Idee, warum der IE da nicht mitspielen möchte?

nun Opera will auch nicht.

spendiere dem usemap-Attribut noch ein '#'

  
<map name="fernseher">  
...  
<img .... usemap="#fernseher">  

Gruß plan_B

[David Engels]

Hallo plan_B!

Danke für deinen Tip, aber leider ändert das nicht an dem ursprünglichen Problem...

Grüße, David

Hallo,

Hat denn vielleicht Einer von euch ne Idee, warum der IE da nicht mitspielen möchte?

nun Opera will auch nicht.

spendiere dem usemap-Attribut noch ein '#'

<map name="fernseher">
...
<img .... usemap="#fernseher">

>   
> Gruß plan\_B

[plan_B]

Hallo,

Danke für deinen Tip, aber leider ändert das nicht an dem ursprünglichen Problem...

woher willst du das wissen?
du hast weder das id-Problem verbessert noch die map richtig eingebunden.

dann sollte der Bildwechsel funktionieren.

die "return false" in mouseover und mouseout machen mMn keine Sinn.
Üblich ist nur "return false" in onclick-Handler, um die Ausführung des Links zu unterbinden.

weitere Unstimmigkeiten kann der Validator aufdecken.

Gruß plan_B

[plan_B]

Hallo,

Danke für deinen Tip, aber leider ändert das nicht an dem ursprünglichen Problem...

hast Recht, es gibt weitere Probleme, wenn man die Seite mit einem IE anschaut.

das *.png-Bild wird nicht teiltransparent dargestellt.
deswegen scheint das untere Bild nicht durch.

Wenn du jetzt die Reihenfolge der Bilder änderst, sodass die Mattscheibe oben liegt, erkennst du, dass der Bildwechsel funktioniert.

ich würde ein teiltransparentes gif-Bild für den Fernseher verwenden, um dieses IE-Problem zuvermeiden.

Gruß plan_B

[Matze]

Hallo,

Nachdem mir Matze ja schon geholfen hatte das Ganze überhaupt ans Laufen zu bekommen, habe ich jetzt noch das Problem es auch für den IE ans Laufen zu bekommen.

ich habe deinen alten Thread mal gesucht, damit auch alle wissen worum es dir "damals" ging. Meine Antwort dort hat nur noch entfernt mit deiner Lösung zu tun.

Wie bereits erwähnt solltest du dieses ids ändern oder eine Klasse daraus machen

  
<span id="station">Impressum</span>  
<span id="station" style="margin-top:-5px;">Youngtimer</span>  
<span id="station" style="margin-top:27px;">Family</span>  
<span id="station" style="margin-top:59px;">RFH</span>  
<span id="station" style="margin-top:91px;">WoL</span>  

Dann noch das erwähnte vergessene # im usemap="#fernseher" und das überflüssige return false entfernen. Eigentlich wurde dir schon alles genannt damit du es zum laufen kriegst.

Eine Antwort nach dem Motto: "Schreib' einfach: 'Keine IE-Benutzer bitte'" bringen mich nicht weiter und sind unerwünscht. Für alle Anderen konstruktiven Beiträge bin ich dankbar.

Solche Hinweise sind übrigens auch unerwünscht.

Grüße, Matze