如何实现整个页面垂直和水平居中

怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中，要求兼容IE；注意不是一张图片，也不是宽度和高度都比较小的div，而是整个页面，具体如代码如下

< html >
< head >
< style style ="text/css" >
#div1
{
position : absolute ;
width : 1002px ;
height : 620px ;
left : 50% ;
top : 50% ;
margin-left : -500px ;
margin-top : -310px ;

font-size:40px;
color:#FFFFFF;
background:#000000;
font-weight:bold;
border : 1px solid #000;
}
</ style >
</ head >
< body >
< div id ="div1" > 我居中了吗？ </ div >
</ body >
</ html >

这段代码并不能完美的实现整个页面的垂直居中，当浏览器缩小或者小屏幕电脑是就出问题了，顶部是不能完全显示的,注意是整个页面。但是，登录页面可以用这个方法来实现。

希望有高手能解决一下这个问题

转载于:https://www.cnblogs.com/bokin/archive/2012/12/07/2807322.html