hjælp til scroll

Hejsa..

Jeg har sakset denne kode på nettet.
jeg har bare det problem at de <div's> som definere hvor teksten må være bliver placeret ved hjælp af stylesheet så hvis jeg ændre vidue størrelsen så rykker teksten sig..
så det jeg vil have den til er at aligne sig efter en td istedet for stylesheet..

Men hvis der er nogen som har en anden alternativ kode som gør det samme så er det også fint.


Forsat god dag

[kode]

<style type="text/css"> 
#divUpControl {position:absolute; left:280px;top:370px; width:9px;height:5px; z-index:1}
#divDownControl {position:absolute; left:280px; top:380px; width:9px;height:5px; z-index:1}
#divContainer {LEFT: 20px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH:260px; CLIP: rect(0px 290px 360px 0px); POSITION: absolute; TOP: 20px; HEIGHT: 360px}
#divContent {LEFT: 0px; POSITION: absolute; TOP: 0px}
</style>


<script language="JavaScript">

<!--
function verifyCompatibleBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
}
bw=new verifyCompatibleBrowser()
 
var speed=50
var loop, timer

function ConstructObject(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
    this.up=MoveAreaUp;this.down=MoveAreaDown;
    this.MoveArea=MoveArea; this.x; this.y;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
function MoveArea(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
}
function MoveAreaDown(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+".down("+move+")",speed)
    }
}
function MoveAreaUp(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+".up("+move+")",speed)
    }
}
function PerformScroll(speed){
    if(initialised){
        loop=true;
        if(speed>0) objScroller.down(speed)
        else objScroller.up(speed)
    }
}
function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject('divContainer')
    objScroller=new ConstructObject('divContent','divContainer')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility='visible'
    initialised=true;
}

function displayStatusMsg(msgStr) {
  status=msgStr;
  document.returnValue = true;
}

function preloadImages() {
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}

function swapImgRestore() {
  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document); return x;
}

function swapImage() {
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.pgW=innerWidth; document.pgH=innerHeight; onresize=reloadPage; }}
  else if (innerWidth!=document.pgW || innerHeight!=document.pgH) location.reload();
}
reloadPage(true);

//-->
</script>
</head>

<body bgcolor="#FFFFFF" background="images/popup_background.gif" leftmargin="0" topmargin="20" marginwidth="0" marginheight="0" onLoad="InitialiseScrollableArea();preloadImages('../images/arrow_up.gif','../images/arrow_down.gif')">
    <div id="divUpControl"><a href="java script:;" onMouseOver="PerformScroll(-7);displayStatusMsg('Scroll Up');swapImage('scroller_up_button','','../images/arrow_up.gif',1);return document.returnValue" onMouseOut="CeaseScroll();swapImgRestore()"><img name="scroller_up_button" src="../images/arrow_up.gif" border="0" alt="Scroll op"></a></div>
    <div id="divDownControl"><a href="java script:;" onMouseOver="PerformScroll(7);displayStatusMsg('Scroll Down');swapImage('scroller_down_button','','../images/arrow_down.gif',1);return document.returnValue" onMouseOut="CeaseScroll();swapImgRestore()"><img name="scroller_down_button" src="../images/arrow_down.gif" border="0" alt="Scroll ned"></a></div>
    <div id="divContainer">
      <div id="divContent">
 


<table width="260" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
test<br><br><br><br><br><br><br>
test<br><br><br><br><br><br><br>
test<br><br><br><br><br><br><br>
test<br><br><br><br><br><br><br>
test<br><br><br><br><br><br><br>
      </td>
  </tr>
</table>
</body>

  </div>
</div>
</html>

[/kode]