Trying to centre site on screen

[m_young]

Hi,

I am relatively new to Zen Cart, so I apologise in advance!

I am trying to centre my site on the screen - at the moment it is left aligned.

I assume it is in the CSS that I have to make the changes but I am not sure what element to centre.

my site is www.palletkings.com.au/zen

your help is appreciated.

Regards
Mark

ps I did try to search the forums first but could not find the answer..

[gjh42]

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	float: center;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

float: center; is not a valid property value - you can use left, right or none.
margin: auto; will do what you want.
The #mainWrapper in the second rule makes the margin override the setting in the first rule. Remove #mainWrapper, from the second one.

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	margin: auto;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

[m_young]

Thank you so much for your prompt & extremely helpful reply.

Cheers & thanks again
Much appreciated.

Mark