关于浮动DIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title> Test Property </title>
 <meta name="generator" content="editplus" />
</head> <body>
 <script type="text/javascript">
 
 </script>
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>要求很简单，就是让两个DIV一直浮动在页面左右的最底端。
现在的代码在IE6和Chrome浏览器下测试没问题 但在FF下测试有问题，就是在页面resize的时候 DIV会消失请朋友们指点下。有时间的再看下
http://topic.csdn.net/u/20090505/16/f63f9830-a4b6-4ab5-ba41-ba70fcdb471b.html?seed=630934394&t=fudgtzhb

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

CSDN的斑竹们，戴大红花小绿花的高手们你们如果在线的话，好歹也支持下吧。
或者说你这问题太简单我不惜得解决或者说这问题太难没法解决那样我好死心啊
没有出现你说问题啊，IE、FF都是停在页面的底部，我的FF是3.0.9的
楼上的兄弟，估计我说漏了
你用火狐打开后拖动滚动条然后再Resize 看看
实现居中右底的效果不难 看你的代码不爽啊.还要在你的效果上修改
右底的.... ie ff没问题 没有Chrome
<body><div id="ss" style="height:200px; width:200px; background-color:#FF0000; position:absolute"></div>
 </body>
<script>
var div = document.getElementById("ss")
var top = document.body.clientHeight-div.offsetHeight
function change()
{
 div.style.left=document.body.clientWidth-div.offsetWidth //左底=0
 div.style.top =document.body.clientHeight-div.offsetHeight+document.body.scrollTop
 top = document.body.clientHeight-div.offsetHeight
}
change()
window.onresize=change
window.onscroll=function(){div.style.top=top+document.body.scrollTop}
</script>
</html>
居中的
<body><div id="ss" style="height:200px; width:200px; background-color:#FF0000; position:absolute"></div>
 </body>
<script>
var div = document.getElementById("ss")
var top = (document.body.clientHeight-div.offsetHeight)/2
var left = (document.body.clientWidth-div.offsetWidth)/2
function change()
{
 div.style.left=(document.body.clientWidth-div.offsetWidth)/2
 div.style.top =(document.body.clientHeight-div.offsetHeight)/2+document.body.scrollTop
 top = (document.body.clientHeight-div.offsetHeight)/2
 left = (document.body.clientWidth-div.offsetWidth)/2
}
change()
window.onresize=change
window.onscroll=function(){div.style.top=top+document.body.scrollTop}
</script>
         Init: function(){
            // Safari不进行操作
            if(!!isSafa)  return;
            var $d = document.compatMode == "BackCompat" ? d = document.body : d = document.documentElement;
            this.CreateBanner();
            this.LeftBanner.style.position =  !isIE6 ? "fixed" : "absolute";
            this.RightBanner.style.position = !isIE6 ? "fixed" : "absolute";
            if(isIE6) {
                addEventHandler(window, "scroll", this.SetBannerFixed);
            }
            //addEventHandler(window, "load", this.SetBannerFixed);
            //addEventHandler(window, "resize", this.SetBannerFixed);
$("crazy_bannerright").style.bottom = 0;
                $("crazy_bannerright").style.right = 0;
                $("crazy_bannerleft").style.bottom = 0;
                $("crazy_bannerleft").style.left = 0;
         }
看来你还没明白fixed的作用啊
cloudgamer 现在我的问题是左右两个DIV 不一定都是在最下边的我想实现 TOP值可以自己调节  那样IE6下滚动时应该怎么计算比如我让左DIV 的TOP值为60px
wtcsy
嗯左下简单的  我主要是试了下fixed的用法你帮我看下7楼的要求
但你问的不是ff吗
怎么变成ie6了
哈哈，我也都被他问晕了
之前他还说的是FF好的，IE6有问题到这里也一会FF一会IE6的
cloudgamer 不好意思刚才你改完后我知道问题所在了。。
刚才问的IE6问题我自己解决了。主要现在要兼容所有浏览器，所以上一个贴子的问题还有小毛病
呵呵，就单单这个帖子你看你说的
一会FF一会IE6的能不晕吗？
cloudgamer就这个地方问你个问题关于Bindthis._bannerfixed = Bind(this, function(){this.SetBannerFixed();})
// 如果我想调用this._bannerfixed(obj)并且想传个object对象给SetBannerFixed()应该怎么去写
var Bind = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function() {
return fun.apply(object, args.concat(Array.prototype.slice.call(arguments)));
}
}用这个bind就可以了
var Bind = function(object, fun) {
    var args = Array.prototype.slice.call(arguments).slice(2);
    return function() {
        return fun.apply(object, args.concat(Array.prototype.slice.call(arguments)));
    }
}SetFixed: function(obj){
alert(obj)

}this._fixed = Bind(this, function(){this.isCenter ? this.SetCenter() : this.SetFixed();})this._fixed(Object);
这样用么？
但是我传了之后
this._fixed = Bind(this, function(){this.isCenter ? this.SetCenter() : this.SetFixed();})this.isMaxFixed && addEventHandler(window, "scroll", this._fixed("dddd"));SetFixed: function(obj){
    alert(obj)

}打印的是undefined
this._fixed = Bind(this, function(x){this.isCenter ? this.SetCenter() : this.SetFixed(x);})
你要把参数传进去嘛
哦刚才写漏了发现问题所在了this.isMaxFixed && addEventHandler(window, "scroll", this._fixed("dddd"));
//this._fixed("dddd")这样是不可以的因为addEventHandler只能传句柄this._fixed
是不是应该怎样弄个闭包解决？
哦了自己解决了
if(isIE6) {
this.isMaxFixed && addEventHandler(window, "scroll", (function(obj){
return function(){
oThis._fixed(obj);
}
})(this.Container));
}也真繁琐
this.isMaxFixed && addEventHandler(window, "scroll", Bind(this,this._fixed,"dddd"));
这样应该也可以