bender1912: problem mit darstellung einer grafik in safari-browser

Beitrag lesen

Hi,

ich hab da mal ein problem mit dem safari browser.
Mac - PC ?

PC

ich hab auf der ersten seite eine weltkarte ...
per <img ...> eingebunden? Oder vielleicht <input type="image"...>? Oder...?

kann mir jemand sagen warum ?????? kann ich dies irgendwie beheben ?????
Schick doch mal einen codeschnipsel. Dann können wir das selber testen.

Paul

die grafiken sind alle in ein und demselben iframe und per <img> eingebunden
so sieht das iframe aus:
<html>
<head>
<title>World</title>
 <script type="text/javascript" src="ressources/Linien zeichnen.js"></script><!--Linien zeichnen-->
 <script type="text/javascript" src="ressources/Mouseover Kasten.js"></script><!--Mouseover Kasten-->
</head>
<body>
<div id="canvas"></div>

<script type="text/javascript">
    var jg_doc = new jsGraphics("canvas");
    function myDrawFunction1()
 {jg_doc.setColor("red");
 jg_doc.setStroke(1);
  var xWerte = new Array(327,669,664,654,657,665,671,676,674,676,676,674,669,661,712,735,728,723,546,563,568,569,559,560,552,546,542,546,327);
  var yWerte = new Array(106,331,302,281,285,296,304,307,314,318,323,328,331,261,283,287,339,356,202,210,207,198,187,182,192,214,217,202,106);
 jg_doc.drawPolyline(xWerte,yWerte);
 jg_doc.paint();}
    function myDrawFunction2()
 {jg_doc.setColor("red");
         jg_doc.setStroke(1);
  var xWerte = new Array(325,547,554,674,664,657,674,669,665,638,599,599,590,588,585,582,601,601,624,621,624,640,649,656,436,325);
  var yWerte = new Array(106,226,236,314,317,285,314,331,334,323,323,331,332,334,326,298,291,285,278,271,304,333,342,343,171,106);
 jg_doc.drawPolyline(xWerte,yWerte);
 jg_doc.paint();} //-->
</script>

<body style="background-color:transparent">
        <img src="ressources/worldf1000.jpg" width="740" height="480" border="0" alt="">
         <a target="_top"
              onmouseover="javascript:Rand('Europe', over_style);"
              onmouseout="javascript:Rand('Europe', out_style);">
              <img src="leer.gif" id="Europe" style="border: 1px solid lightgrey;
              position: absolute; top: 46px; left: 275px; width: 97px; height: 100px; z-index: 1;"
              title="Europe"></a>
         <a target="_top"
               onmouseover="javascript:Rand('UAE', over_style);"
               onmouseout="javascript:Rand('UAE', out_style);">
               <img src="leer.gif" id="UAE" style="border: 1px solid lightgrey;
               position: absolute; top: 154px; left: 425px; width: 30px; height: 30px; z-index: 1;"
               title="United Arab Emirates"></a>
         <a target="_top"
               onmouseover="javascript:Rand('Asia', over_style);"
               onmouseout="javascript:Rand('Asia', out_style);">
               <img src="leer.gif" id="Asia" style="border: 1px solid lightgrey;
               position: absolute; top: 167px; left: 525px; width: 76px; height: 100px; z-index: 1;"
               title="Southeastasia"></a>
         <a target="_top"
               onmouseover="javascript:Rand('Oceania', over_style);"
               onmouseout="javascript:Rand('Oceania', out_style);">
               <img src="leer.gif" id="Oceania" style="border: 1px solid lightgrey;
               position: absolute; top: 240px; right: 1px; width: 171px; height: 135px; z-index: 1;"
               title="Oceania"></a>
         <a target="_top"
               onmouseover="javascript:Rand('America', over_style);"
               onmouseout="javascript:Rand('America', out_style);">
               <img src="leer.gif" id="America" style="border: 1px solid lightgrey;
               position: absolute; top: 108px; left: 3px; width: 150px; height: 90px; z-index: 1;"
               title="America"></a>
</body>
</html>