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">