nicht angemeldet
problem mit darstellung einer grafik in safari-browser
hi,
ich hab da mal ein problem mit dem safari browser.
und zwar hab ich auf meiner hp eine grafik, die in safari kleiner dargestellt wird wie sie sonst ist.
ich hab auf der ersten seite eine weltkarte die genauso groß ist wie sämtliche anderen karten auf meiner webseite, wie z.b. Ozeanien, Asien, Australien, Europa usw. (alle karten haben die selbe pixelgröße)
diese erste karte wird aber etwas schmaler dargestellt wie sämtliche andere.
in anderen browser, wie firefox, netscape, ie, wird sie richtig dargestellt. nur safari macht sie schmaler wie sie ist.
kann mir jemand sagen warum ?????? kann ich dies irgendwie beheben ?????
-
Hi,
ich hab da mal ein problem mit dem safari browser.
Mac - 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
-
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>-
Moin,
bei mir werden (die Platzhalter für) die Bilder im IE7, FF3 und Safari 3.1 gleich groß dargestellt. Du gibst ja auch feste Pixelwerte für die Bilder an.
Lad dir mal die neuste Version runter.Paul
-
Moin,
bei mir werden (die Platzhalter für) die Bilder im IE7, FF3 und Safari 3.1 gleich groß dargestellt. Du gibst ja auch feste Pixelwerte für die Bilder an.
Lad dir mal die neuste Version runter.Paul
hab auch safari 3.1.
da ich die pixelwerte angegeben hab, dacht ich, dass es gleich groß dargestellt wird. aber bei mir ist es definitiv schmaler als die darstellung in netscape, firefox und ie.
am besten sieht man es, dass der kasten (als overlay) in safari etwas links über die grafik hinausragt. in den anderen browsern liegt er jedoch 2 pixel in der grafik.
auch sehr seltsam ist es, wenn man auf den link "weekendtrips" klickt, dann öffnet sich eine neue grafik, mit den selben pixelmaßen, die aber etwas breiter ist als die grafik von der einstiegsseite.hast du dieses problem nicht, paul ??????
sieht jemand mein problem???
kan mir jemand helfen ???
-
-
-