Flo: Rollover Images mit NS und IE (zum letzten Mal!)

Beitrag lesen

Hallo...

zum x-ten Mal komme ich hier mit dem gleichen Problem an. Vielen Dank an alle, die sich bisher bemüht haben!

Ich habe das Problem inzwischen eingeengt: Es liegt definitiv an den Imagemaps, die ich auf meiner Seite folgendermassen definiert habe:
z.B.
<map name="produktMap">
  <area shape="rect" coords="0,286,121,309" href="Inhalte/JumpToCE.htm">
  <area shape="rect" coords="0,267,122,285" href="Inhalte/JumpToCBVerfahren.htm">
  <area shape="rect" coords="0,247,122,266" href="Inhalte/JumpToGSZeichen.htm">
  <area shape="rect" coords="0,227,123,246" href="Inhalte/JumpToTUVMark.htm">
  <area shape="rect" coords="0,207,124,227" href="Inhalte/JumpToPruefzeichen.htm">
  <area shape="rect" coords="0,189,124,206" href="Inhalte/JumpToMaschinenRL.htm">
  <area shape="rect" coords="0,168,125,188" href="Inhalte/JumpToNiederspannungsRL.htm">
  <area shape="rect" coords="0,147,124,167" href="Inhalte/JumpToUmweltpruef.htm">
  <area shape="rect" coords="0,128,124,147" href="Inhalte/JumpToWareninsp.htm">
  <area shape="rect" coords="0,108,125,128" href="Inhalte/JumpToErgonomiep.htm">
  <area shape="rect" coords="0,76,125,108" href="Inhalte/JumpToEmv.htm">
  <area shape="rect" coords="0,44,125,72" href="Inhalte/JumpToProdukte.htm">
</map>

Die Tabelle mit den Rollover-Images sieht dann so aus:
<tr>
    <td width="20" height="7" valign="top"></td>
    <td width="1" height="7" valign="top"></td>
    <td width="95" height="7" valign="top"></td>
    <td width="91" height="388" rowspan="6" valign="top"><a href="#" onMouseOver="Bildwechsel(0,on1)" onMouseOut="Bildwechsel(0,off1)"><img name="about" border="0" src="Bilder/rollovers/aboutoff.gif" width="90" height="388" usemap = "#aboutMap"></a></td>
    <td width="127" height="388" rowspan="6" valign="top"><a href="#" onMouseOver="Bildwechsel(1,on2)" onMouseOut="Bildwechsel(1,off2)"><img name="branchenRoll" border="0" src="Bilder/rollovers/branchenoff.gif" width="126" height="388" usemap = "#branchenMap"></a></td>
    <td width="127" height="388" rowspan="6" valign="top"><a href="#" onMouseOver="Bildwechsel(2,on3)" onMouseOut="Bildwechsel(2,off3)"><img name="Produkt" border="0" src="Bilder/rollovers/produktoff.gif" width="126" height="388" usemap = "#produktMap"></a></td>
    <td width="126" height="388" rowspan="6" valign="top"><a href="#" onMouseOver="Bildwechsel(3,on4)" onMouseOut="Bildwechsel(3,off4)"><img name="management" border="0" src="Bilder/rollovers/systemoff.gif" width="126" height="388" usemap = "#systemMap"></a></td>
    <td width="62" height="388" rowspan="6" valign="top"><a href="#" onMouseOver="Bildwechsel(4,on5)" onMouseOut="Bildwechsel(4,off5)"><img name="news" border="0" src="Bilder/rollovers/newsoff.gif" width="84" height="388" usemap = "#newsMap"></a></td>
    <td width="209" height="388" rowspan="6" valign="top"><a href="#" onMouseOver="Bildwechsel(5,on6)" onMouseOut="Bildwechsel(5,off6)"><img name="service" border="0" src="Bilder/rollovers/serviceoff.gif" width="110" height="388" usemap = "#serviceMap"></a></td>
  </tr>

Wenn ich das ganze mit dem IE5 anschaue, gibt es keinerlei Probleme. Mit dem IE4 flackern die Bilder beim drüberfahren und mit dem NS wechseln sie nur, wenn ich ganz am pberen oder unteren Rand entlangfahre.

Wenn ich die usemap="#xyz"-Anweisungen rausnehme, klappt alles tadellos.

Bitte rafft euch noch mal auf, mir zu helfen...

Flo