完全在中心的一层

Question

如何使图层完全显示在浏览器窗口的中心。

以下是图层样式的说明：

    #centerLayer {
        position: absolute;
        width: 1280px;
        height: 1500px;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -100px;
        background-color: #e9cb99;
        background-image: url("bg.jpg");
        background: url("bg.jpg") #e9cb99;
        padding: 10px;
        overflow: auto;
    }

Answer 1

DEMO

#centerLayer {
    position: absolute;
    width: 1280px; 
    height: 1500px;
    left: 50%; 
    top: 50%; 
    margin-left:-640px;/*** width/2 ***/
    margin-top:-750px;/*** height/2 ***/  
    background-color:#e9cb99;
    background-image:url("bg.jpg");
    background: url("bg.jpg") #e9cb99; 
    padding: 10px;
    overflow: auto; 
}

Answer 2

试试这个：http://jsfiddle.net/xBRq9/54/

#centerLayer {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    margin-top:100px;
    margin-botton:100px;
    width:50%;
    height:50%;
    background-color:#333;
 }