How to center a DIV with CSS

[davidbugeja]

Page In Question: http://www.saqsi.com/index.php

I cannot manage to center the contents of DIV page-complete so that all DIVs whole-page and skyscraper look centered on the page. That is appear in the middle.

What is wrong please? It is driving me crazy.

#complete-page {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    margin: auto;
}
#whole-page {
    Z-INDEX: 139;
    float: left;
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 0px! important;
    PADDING-LEFT: 0px! important;
    PADDING-BOTTOM: 0px! important;
    margin: auto;
    MARGIN-TOP: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    WIDTH: 750px;
    PADDING-TOP: 0px! important;
    BORDER-BOTTOM: #cccccc 1px solid;
    POSITION: relative;
    BACKGROUND-COLOR: #fff;
}
#skyscraper {
    float:left;
    padding: 5px;
    width:120px
}
 

[Niheel]

Try this:

#complete-page {
left:0;
margin:auto;
right:0;
text-align:center;
top:0;
width:910px;
}
 

Basically you had 100% width, which we changed to 750(content)+160(sky) = 910px and absolute postioning.

[davidbugeja]

Thanks fixed it! Thanks a lot for the code and the explanation. I really appriciate it and my head is less worry free now.

Thanks to lot to you and this website.