DIV屏幕垂直居中

 

Code

<div id="outer"> 

<div id="middle"> 

<div id="inner"> 

<div class="txt_index">&copy;2009&nbsp;-&nbsp;上海领旗信息科技有限公司</div>

</div> 

</div> 

</div>

 

通过IE7.0、Mozilla3.0。

 body {padding: 0; margin: 0;}body,html{height: 100%;} 
 #outer {height: 100%; overflow: hidden; position: relative;width: 100%;/* background:ivory;*/} 
 #outer[id] {display: table; position: static;}
 *+html #outer {display: table; position: static;}
 #middle {position: absolute; top: 50%;} /* for explorer only*/ 
 *+html #middle {display: table-cell; vertical-align: middle; position: static;}
 #middle[id] {display: table-cell; vertical-align: middle; position: static;} 
 *+html #inner {position:relative;top:25%; width: 550px;margin: 0 auto;}
 #inner {position: relative; top: -50%;width: 550px;margin: 0 auto;} /* for explorer only */