nicht angemeldet
hi,
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 ?????
Der Martin