一个idv位置的问题！

下面的代码中
层的大小可以变化，即 div1 的 width:100px;height:50px; 可变
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML> 
<HEAD> 
<TITLE></TITLE><script>
function init(){
var obj = document.getElementById("div1");
obj.style.top = (document.documentElement.offsetHeight - obj.offsetHeight - 10 + document.documentElement.scrollTop);
obj.style.left = (document.documentElement.offsetWidth - obj.offsetWidth - 20);
// 如果没有表头，document.documentElement.offsetHeight 改为 document.body.offsetHeight
// document.documentElement.offsetWidth 同上
}
window.onscroll=init;
</script>
</HEAD> <BODY onresize="init()" onload="init()"><div id="div1" style="width:100px;height:50px;background-color:blue;position:absolute;">这是绝对定位</div>
<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/><br/><br/><br/><br/>
</BODY> 
</HTML> 

解决方案 »

  1.   

    楼主写的是广告窗吧其实你可以放在一个100% 宽的div或表格里,让你的div居右
      

  2.   

    其实你应该取body对象的宽和高，firefox好象要事先把body高度设成100%
    然后还要考虑屏幕的滚动偏移
      

  3.   

    firefox 不是有个 fixed 属性吗？ 
    position:fixed; right: 0;bottom:0 ;
     就可以了
      

  4.   

    <style type="text/css"> 
    <!-- 
    body,td,th { 
    margin:0px; 
    font-size: 12px; 
    } 
    .ss{ 
    position:absolute; 
    width:254px; 
    height:231px; 
    background-image:url(http://www.baidu.com/img/baidu_logo.gif) 
    } 
    --> 
    </style> 
    <script> 
    window.onresize = resizeDiv;
    window.onscroll = resizeDiv;
    function chu(){
    divHeight = parseInt(document.getElementById("xx").offsetHeight,10);
    divWidth = parseInt(document.getElementById("xx").offsetWidth,10);
    docWidth = document.body.clientWidth;
    docHeight = document.body.clientHeight;
    document.getElementById("xx").style.top = docHeight + parseInt(document.body.scrollTop,10) - divHeight;
    document.getElementById("xx").style.left = docWidth + parseInt(document.body.scrollLeft,10) - divWidth ;
    }
    function resizeDiv()
    {
    divHeight = parseInt(document.getElementById("xx").offsetHeight,10);
    divWidth = parseInt(document.getElementById("xx").offsetWidth,10);
    docWidth = document.body.clientWidth;
    docHeight = document.body.clientHeight;
    document.getElementById("xx").style.top = docHeight + parseInt(document.body.scrollTop,10) - divHeight ;
    document.getElementById("xx").style.left = docWidth + parseInt(document.body.scrollLeft,10) - divWidth;
    }
    </script> 
    <body onload="chu()"> 
    hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>hehe<br>
    <div id="xx" class="ss"> 
    </div> 
    </body>