nicht angemeldet
problem mit darstellung einer grafik im safari-browser
Der Martinhi,
ich hab ein problem mit der darstellung einer grafik auf meiner webseite.
in firefox, netscape und ie wird die grafik richtig angezeigt, nur im safari wird sie schmaler angezeigt als sie ist.
(man sieht dies deutlich, dass der rahmen (als overlay) etwas über die grafik hinausragt, wobei in den browsern wie firefox, netscape und ie der rahmen innerhalb der grafik ist. auch sieht man es, wenn man eine andere grafik, die genau die gleichen pixelmaße hat, auswählt, z.b. unter dem link "Weekendtrips"
die grafiken sind in einem iframe eingebettet und hat feste pixelwerte
hier mal das verküzte skript:
<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>
kann mir jemand sagen woran das liegt oder wie ich dieses problem lösen kann ?????
-
Hallo,
in firefox, netscape und ie wird die grafik richtig angezeigt, nur im safari wird sie schmaler angezeigt als sie ist.
<img src="ressources/worldf1000.jpg" width="740" height="480" border="0" alt="">
hat Safari vielleicht eine ähnlich bescheuerte Automatik wie der IE6, Grafiken an das Browserfenster anzupassen, wenn sie eigentlich größer wären?
onmouseover="javascript:Rand('Europe', over_style);"
onmouseout="javascript:Rand('Europe', out_style);">Was soll das Label "javascript:" in all deinen Eventhandlern?
<img src="leer.gif" id="Europe" style="border: 1px solid lightgrey;
Gemäß dem amerikanischen Englisch heißt es "gray", nicht "grey".
So long,
Martin--
Einer aktuellen Erhebung zufolge sind zehn von neun Ehefrauen eifersüchtig auf ihren Mann. -
Hi,
dein erster Thread zum Thema ist noch erreichbar.
Wenn du etwas zur Beschreibung des Problems, welches dort wohl noch fuer niemanden nachvollziehbar war, ergaenzen kannst und willst, ist das gut - aber bitte mach das dort, und unterlasse hier unerwuenschte Doppelpostings.MfG ChrisB