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)+16 0(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.