js如何控制div始终在网页右下角最下面？

这段代码为什么在浏览器拉到最下面 ，为什么窗口也跟着浮动，能不能窗口始终悬浮在最下面啊？
求教
演示网址http://28zhaopin.com/szh/20110208/814957.htm
http://28zhaopin.com/szh/20110208/814957.htm
function tips_pop(){
  var MsgPop=document.getElementById("winpop");
  var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
   if (popH==0){
   MsgPop.style.display="block";//显示隐藏的窗口
  show=setInterval("changeH('up')",2);
   }
  else { 
   hide=setInterval("changeH('down')",2);
  }
}
function changeH(str) {
 var MsgPop=document.getElementById("winpop");
 var popH=parseInt(MsgPop.style.height);
 if(str=="up"){
  if (popH<=157){
  MsgPop.style.height=(popH+4).toString()+"px";
  }
  else{  
  clearInterval(show);
  }
 }
 if(str=="down"){ 
  if (popH>=4){  
  MsgPop.style.height=(popH-4).toString()+"px";
  }
  else{ 
  clearInterval(hide);   
  MsgPop.style.display="none";  //隐藏DIV
  }
 }
}
document.write('<div id=\"winpop\" style=\"width:262px; height:0px; position:absolute; right:0; bottom:0; margin:0; padding:1px; overflow:hidden; display:none;\">');
document.write('<div style=\"background-image: url(images/ads3_01.gif);width:100%; height:26px; \"><span  style=\"position:absolute; right:4px; top:-1px; color:#FFF; cursor:pointer\" onclick=\"tips_pop()\">&nbsp;&nbsp;</span></div>');
document.write('<div style=\"width:100%; height:136px;\"><a href=\"http:\/\/www.777126.com\" target=\"_blank\" ><img src=\"images/ads3_02.gif\" width=\"262\" height=\"136\" border=\"0\"></a></div>');
document.write('</div>');
//document.getElementById('winpop').style.height='0px';
document.getElementById('winpop').style.top=document.body.clientHeight-157;
window.setTimeout("tips_pop()",800);

解决方案 »

  1.   

    可以用CSS布局实现 div始终相对于窗口的位置不变
      

  2.   


    <style type="text/css"> 
    body 
    { 
    overflow:hidden; 
    margin:0px; 
    width:100%; 
    height:100%; } 
    #main_outer      
    {
    width:100%; 
    height:100%;   
    overflow:auto;   
    }   
    #glideDiv     
    {     
    position:   absolute;     
    bottom:0;    
    right:50;   
    z-index:200;     
    margin-left:0;
    } </style><div id="main_outer">   
      <br/><br/><br/><br/>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/>页<br/><br/><br/>面<br/><br/><br/>主<br/><br/><br/>内<br/><br/><br/>容<br/><br/><br/>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/>页<br/><br/><br/>面<br/><br/><br/>主<br/><br/><br/>内<br/><br/><br/>容<br/><br/><br/>
      <br/><br/><br/><br/><br/><br/><br/><br/><br/>页<br/><br/><br/>面<br/><br/><br/>主<br/><br/><br/>内<br/><br/><br/>容<br/><br/><br/>
    </div> <div   id="glideDiv" >弹出层内容
    </div>
       
      

  3.   


    <html>
    <head>
        <title></title>
    <style type="text/css">
    body 
    { 
    overflow:hidden; 
    margin:0px; 
    width:100%; 
    height:100%; 
    } 
    #main_outer      
    {
    width:100%; 
    height:100%;   
    overflow:auto;   
    }   
    #glideDiv     
    {     
    position:   absolute;     
    bottom:0;    
    right:50;   
    z-index:200;     
    margin-left:0;} 
     </style>
    </head> 
    <body><div id="main_outer">   
      <br/><br/><br/><br/>
      页<br/><br/><br/>页<br/><br/><br/>页<br/><br/><br/>页<br/><br/><br/>面<br/><br/><br/>主<br/><br/><br/>内<br/><br/><br/>容<br/><br/><br/>
      页<br/><br/><br/>页<br/><br/><br/>页<br/><br/><br/>页<br/><br/><br/>面<br/><br/><br/>主<br/><br/><br/>内<br/><br/><br/>容<br/><br/><br/>
      页<br/><br/><br/>页<br/><br/><br/>页<br/><br/><br/>页<br/><br/><br/>面<br/><br/><br/>主<br/><br/><br/>内<br/><br/><br/>容<br/><br/><br/>
    </div>  <div id="glideDiv" >弹出层内容
    </div></body>
    </html>
    把这个单独弄个htm显示不了吗？
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个需要加的，因为很多网页已经生成这个样子了 ，数量巨大，不好改 了
      

  5.   


    是声明和css冲突的问题...这个把css改为外部调用试试吧...