Hallo!
Ich habe bei mir Infoboxen bei Mouseover eingefügt.
Leider habe ich im Internet Exlorer folgendes Problem:
Ich habe einen relativ langen Text.
Im oberen Bereich des textes erscheinen die Infoboxen brav neben dem dazugehörigem Link.
Sobald ich aber nach unten srollen muss, kommen die Infoboxen nicht mit.
Beim überfahren eines Links mit Infobox im unteren Textbereich, erscheint die Infobox plötzlich willkürlich im oberen Bereich bzw. auch soweit oben, daß man sie gar nicht mehr sieht?!
Firefox macht diese Probleme nicht.
Hier mal die Codes dazu:
Ist das problem verständlich erklärt und wenn ja, wer kann helfen?
Ich habe schon eine Reihe von Dingen probiert zu ändern, was aber leider alles keine Auswirkung hatte.
Ich habe bei mir Infoboxen bei Mouseover eingefügt.
Leider habe ich im Internet Exlorer folgendes Problem:
Ich habe einen relativ langen Text.
Im oberen Bereich des textes erscheinen die Infoboxen brav neben dem dazugehörigem Link.
Sobald ich aber nach unten srollen muss, kommen die Infoboxen nicht mit.
Beim überfahren eines Links mit Infobox im unteren Textbereich, erscheint die Infobox plötzlich willkürlich im oberen Bereich bzw. auch soweit oben, daß man sie gar nicht mehr sieht?!
Firefox macht diese Probleme nicht.
Hier mal die Codes dazu:
Code:
#infobox
{
position:absolute;
z-index:1;
visibility:hidden;
}
HTML:
<script type="text/javascript" language="JavaScript">
<!--
var offsetx=20
var offsety=0
function InfoBoxAusblenden() {
document.getElementById('infobox').style.visibility = "hidden";
}
function InfoBoxAnzeigen(e,txt,offsetX,offsetY)
{
if (offsetX) {offsetx=offsetX;} else {offsetx=0;}
if (offsetY) {offsety=offsetY;} else {offsety=0;}
var PositionX = 0;
var PositionY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
PositionX = e.pageX;
PositionY = e.pageY;
}
else if (e.clientX || e.clientY)
{
PositionX = e.clientX + document.body.scrollLeft;
PositionY = e.clientY + document.body.scrollTop;
}
document.getElementById("text").innerHTML=txt;
document.getElementById('infobox').style.left = (PositionX+offsetx);
document.getElementById('infobox').style.top = (PositionY+offsety);
document.getElementById('infobox').style.visibility = "visible";
}
// -->
</script>
HTML:
<body>
<div id="infobox">
<table style="border:1px solid #000000" bgcolor="#ECFFF1" border="0" cellpadding="4"><tr>
<td style="font-family:arial,Helvetica,sans;font-size:11px;color:#5F5F5F" nowrap><span id=text ></span></td></tr></table>
</div>
<div id="center">
<p align="center" class="Stil11"><u>Wegbeschreibung<br>
</u><br>
</p>
<p align="left" class="Stil8">Nachdem ihr von Nordhain nach Goldhain durch 2 Quests geschickt wurdet, lauft ihr die nächste Straße rechts und immer geradeaus der Straße Richtung Sturmwind folgen. Holt euch dort den <a div"id"="infobox" onmouseover="InfoBoxAnzeigen(event,'Flugmeister Sturmwind 71,72',20,-30);" onMouseOut="InfoBoxAusblenden();" href="javascript:void(0)">Fugpunkt</a>
und noch viel mehr Text und Infobox-Links......usw.Ich habe schon eine Reihe von Dingen probiert zu ändern, was aber leider alles keine Auswirkung hatte.