DIV如何实现水平、垂直居中并且固定位置

Div水平居中、垂直居中并且固定位置不随滚动条的滚动而移位的方法，经常会在网站制作、网页设计中为改善用户体验用到，比如弹出在页面中央弹出信息提示框、广告框、或者咨询框，都会应用的到。虽然在IE7、IE8和其他浏览器里只要使用position:fixed就很容易实现，但是在国内大行其道的IE6里却行不通。

下面就介绍一个比较好用的兼容各浏览器的实现方法，赵云建站(常德网站建设)提供，经测试，几乎兼容包括IE6、IE7、IE8、FireFox等所有的浏览器哦!

首先，给需要固定在中央的DIV（设ID为zhongyang）设置CSS样式，代码如下：

html,body{ _height:100%}
#zhongyang{ width:420px; height:257px; position:fixed; top:50%; left:50%; margin:-128px auto auto -210px; _position:absolute; background:#ccc}

注意：上外间距应该是DIV高度的二分之一且是负的，同理，左外间距是DIV宽度的二分之一且是负的。

然后，再用一段JS兼容IE6，代码如下：

function position_fixed(domId){
 el = document.getElementById(domId);
 el.style.display = "block";
    // check is IE6  
   if(!window.XMLHttpRequest)  
       window.onscroll = function(){
         el.style.top=document.documentElement.scrollTop+document.documentElement.clientHeight/2+"px";
}  
}

setTimeout("position_fixed('zhongyang')", 8000);//延迟8秒后弹出

好啦，再往这个DIV里面塞你想塞的东西，就大功告成了！