henne32: Falsche Positionierung

Beitrag lesen

SELF-Forum

Falsche Positionierung

henne32
– Informationen zu den Bewertungsregeln

Dann machst du wohl was falsch.
Was du machst, hast du uns aber gar nicht gezeigt.

Ok, dann will ich es mal zeigen. Mein Doctype sieht derzeit so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">

Ich habe ein DIV, was ich mittig positioniere mit folgendem CSS-Code:

#container {  
         z-index:1;  
         position:relative;  
         top:0;  
         left:0;  
         width:1250px;  
         height:auto;  
         margin:0 auto;  
         background:url(../images/bg_main.jpg) repeat-y;  
}

Das Mouseover wird mit folgendem Javascript geladen:

var offsetx=70  
var offsety=70  
  
function hideTooltip() {  
      document.getElementById('tooltip').style.visibility = "hidden";  
}  
  
function showTooltip(e,txt,offsetX,offsetY)  
{  
        if (offsetX) {offsetx=offsetX;} else {offsetx=20;}  
        if (offsetY) {offsety=offsetY;} else {offsety=0;}  
        var PositionX = 0;  
        var PositionY = 0;  
        var scrofY = 0;  
        var scrofX = 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;  
        }  
  
        scrOfY = document.documentElement.scrollTop;  
        scrOfX = document.documentElement.scrollLeft;  
  
        document.getElementById("text").innerHTML=txt;  
        document.getElementById("tooltip").style.left = (PositionX + offsetx + scrofX) + "px";  
        document.getElementById("tooltip").style.top = (PositionY + offsety + scrofY) + "px";  
        document.getElementById("tooltip").style.visibility = "visible";  
}

Und das DIV, welches sich beim Mouseover öffnet, sieht im CSS so aus:

#tooltip {  
         position:absolute;  
         top:180px;  
         left:180px;  
         z-index:99;  
         background:#000;  
         border:1px solid #fff;  
         padding:5px;  
         margin:0;  
         color:#fff;  
         width:250px;  
         height:150px;  
         overflow:hidden;  
}

Wenn ich die Seiten ganz normal im FF 4 (und auch vorher im FF 3) und im IE 8 anschaue läuft erstmal alles. Im IE wird allerdings das Mouseover nur solange korrekt dargestellt, wie ich nicht weiter nach unten scrolle.

Änder ich den IE 8 auf Quirks-Mode, wird das margin:0 auto ignoriert und der DIV "container" wird nicht zentriert. Das Mouseover läuft dann allerdings.

Kannst du mir sagen wo der Fehler liegt, oder wo ich noch suchen soll?!

Danke erstmal für deine/eure Mühen!

Gruß

henne32

Beitrag melden
–
Informationen zu den Bewertungsregeln