Center webpage with absolute positions?

[iL <]

I've googled and googled, nothings worked. I'm normally pretty wizzy with coding. But for some odd reason, I can't position this webpage center because it has absolute position with percentage used. I've done it before, cant remember how tho?

Here's the css code:

body { background: #000000;   }



.top-nav {
background-image: url('./images/topstrip.png');
background-position:center;
background-repeat:no-repeat;
position:absolute;
width:1152px;
height:93px;
z-index:3;
}


.dscratch {
top:10%;
left:1.7%;
position:absolute;
z-index:3;
}




#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.9em 0.01em;
color: White;
text-decoration: none;
float: right;


}

#navcontainer ul li a:hover
{
background-image: url('./images/active.hover.png');
background-repeat:no-repeat;
background-position:center;

color: #fff;
}


.blackbox {
background-image: url('./images/topblock.png');
background-repeat:no-repeat;
position:absolute;
width:1152px;
height:376px;
z-index:99;
top:10.5%;
}

.logo {
left:2%;
position:absolute;
top:5%;
z-index:100;
}

.designs {
left:2%;
position:absolute;
top:50%;
z-index:101;
}

.recentworks{
background-image: url('./images/recent_work.png');
background-repeat:no-repeat;
width:auto;
height:auto;
top:15%;
left:45%;
position:absolute;
z-index:102;
}

.bodybg {
position:absolute;
z-index:1;
}

.portfolioimg {
left:0.5%;
position:absolute;
top:50.5%;
z-index:105;
border:0;
}


.supportimg {
left:3%;
position:absolute;
top:66%;
z-index:106;
border:0;
}

.point2 {
left:32.5%;
position:absolute;
top:68%;
z-index:106;
border:0;
}

.point3 {
left:58%;
position:absolute;
top:66.5%;
z-index:106;
border:0;
}

.footer {
background:#a0a0a0 url('./images/footer.png');
bottom:0;
left:0.6%;
top:121%;
display:block;
height:49px;
position:absolute;
float:bottom;
text-align:right;
vertical-align:baseline;
width:1152px;
z-index:115;
}

.overview {
position:absolute;
left:3%;
top:98.8%;
z-index:120;
}

.homecontent {
position:absolute;
left:16.5%;
top:95%;
width:790px;
height:219px;
z-index:120;
}


.footerguy {
position:absolute;
left:74.3%;
top:97%;
z-index:122;
}

iL < Reviewed by iL < on 13th Apr 2010. Center webpage with absolute positions? I've googled and googled, nothings worked. I'm normally pretty wizzy with coding. But for some odd reason, I can't position this webpage center because it has absolute position with percentage used. I've done it before, cant remember how tho? Here's the css code: body { background: #000000; } .top-nav { Rating: 5