Layer / Ebene bewegt sich bei Fenstervergrößerung nicht mit!

  • Guten Tag,

    ich stehe vor einem Problem, welches ich bis jetzt nicht lösen konnte und zu dem ich nichts passendes per Suchfunktion in diesem Forum gefunden habe.


    Ich habe eine Seite in einem Tabellengerüst per Slices aufgebaut und möchte nun per JS eine Textebene über meinen "Info-Bereich legen" welche per MouseOver über 2 Gif-Pfeile hoch/runter scrollt.

    Das war kein Problem und es klappt nun auch alles perfekt, bis auf das Problem, dass das Tabellengitter ( also die komplette Seite ) zentriert ist und sich somit mitbewegt ( immer die Mitte einhält ) wenn man das Fenster zum Beispiel auf einem Mac mit großem Bildschirm vergrößert, die Ebene aber nicht, da sie ja eine feste Positionierung hat.

    Vergeblich versucht habe ich es mit position:fixed, und der top und left angabe "auto" zuzuweisen.

    Kann mir jemand weiterhelfen, ich wäre über schnelle Hilfe sehr dankbar. :)


    hier der Ebenen Code:


    <div id="Layer1" style="position:absolute; left:260px; top:218px; width:360px; height:3831px; z-index:16">
    <script type="text/javascript">
    iens6=document.all||document.getElementById
    ns4=document.layers

    //specify speed of scroll (greater=faster)
    var speed=3

    if (iens6){
    document.write('<div id="container" style="position:relative;width:360px;height:250px;border:0px solid black;overflow:hidden">')
    document.write('<div id="content" style="position:absolute;width:330px;left:0;top:0">')
    }
    </script>
    <ilayer name="nscontainer" width=326 height=290 clip="0,0,0,3300">
    <layer name="nscontent" width=350 height=3837 top="1">
    <p class="medither1">Titel</p>
    <p class="medither1">Hier soll mein scrollbarer Text stehen.....</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    <p class="medither1">..............</p>
    </layer>
    </ilayer>
    <script language="JavaScript1.2">
    if (iens6)
    document.write('</div></div>')
    </script>
    <script language="JavaScript1.2">
    if (iens6){
    var crossobj=document.getElementById? document.getElementById("content") : document.all.content
    var contentheight=crossobj.offsetHeight
    }
    else if (ns4){
    var crossobj=document.nscontainer.document.nscontent
    var contentheight=crossobj.clip.height
    }

    function movedown(){
    if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
    crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
    else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
    crossobj.top-=speed
    movedownvar=setTimeout("movedown()",20)
    }

    function moveup(){
    if (iens6&&parseInt(crossobj.style.top)<=0)
    crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
    else if (ns4&&crossobj.top<=0)
    crossobj.top+=speed
    moveupvar=setTimeout("moveup()",20)

    }

    function getcontent_height(){
    if (iens6)
    contentheight=crossobj.offsetHeight
    else if (ns4)
    document.nscontainer.document.nscontent.visibility="show"
    }
    window.onload=getcontent_height
    </script>
    </div>
    <div id="Layer2" style="position:absolute; left:607px; top:435px; width:18px; height:32px; z-index:17">
    <table width="30" cellspacing="0" cellpadding="0" height="23">
    <tr>
    <td align="center" valign="top" height="17"></td>
    </tr>
    <tr>
    <td align="center" valign="top" height="6"></td>
    </tr>
    </table>
    </div>
    <div align="center">

  • aber so lässt sich der scrollbalken nicht selbst designen oder? und die funktion dass es schon scrollt wenn man die maus einfach nur drüber hält.... :(

  • Zitat von Migo1

    aber so lässt sich der scrollbalken nicht selbst designen oder? und die funktion dass es schon scrollt wenn man die maus einfach nur drüber hält.... :(

    Naja zumidest kannst Du die Scrollbalken für den IE etwas Farbe anpassen um es etwas gefälliger aussehen zu lassen. Funktioniert leider nur hier.

    Gruß yeti66 :wink:

  • also ist es wohl generell nicht möglich die ebenen zu positionieren, sodass sie bei fenstervergrößerung nicht stehen bleiben sondern mitgehen mit dem mittig gesetztem hintergrund?