Problem mit Rollover im IE bei <map>

[loewenherzl]

Hallo zusammen,

ich bin gerade dabei, mir eine Seite zu basteln. Dazu muss ich sagen, dass ich diese schon mal fertig hatte und alles funktionierte. Nur leider habe ich auf Grund einiger dummer Zufälle (Hardwareproblem) kein Backup und muss fast neu anfangen. Aber das ist nicht so wichtig. Nur soviel - ich weiß, dass mein Problem lösbar ist.

Ich möchte euch bitten, euch mal diese Seite im Firefox anzuschauen und dann mit der Maus über Europa zu fahren. Die Europakarte sollte sich grün färben. Dann macht das gleich mal im IE. Dort funktioniert es nicht. Warum nicht? Kann mir das mal jemand erklären? Ich bin schon seit Stunden am herumtesten und googlen, aber ich konnte nichts finden.

Hier noch der relevante Quellcode:

<div class="textfeld">
	<img src="bilder/button/aktiv/welt.jpg" alt="Welt" title="Welt" /><br /><br />										

	<map name="Weltkarte_1">
	   <area shape="poly" coords="..." href="index.php?go=europa" alt="Europa" title="Europa" onmouseover="WeltkarteHover ('over', 'europa');" onmouseout="WeltkarteHover ('out', 'welt');" />
	</map>
	<img src="bilder/karten/welt.jpg" alt="Weltkarte" title="Weltkarte" usemap="#Weltkarte_1" id="Weltkarte_1" />
</div>

function WeltkarteHover(nmode,srcname)
{
   if (nmode == 'over') {
      document.getElementById('Weltkarte_1').src = 'bilder/karten/aktiv/' + srcname + '.jpg';
   } else {
      document.getElementById('Weltkarte_1').src = 'bilder/karten/welt.jpg';
   }
}

Danke im Voraus für eure Hilfe/n

Gruß
loewenherzl

 

[anna55]

Kann nicht erkennen, dass das ein CSS-Problem ist - also falsches Forum. Problem ist noch nicht gelöst: Europa ist im IE immer noch nicht grün.