[SOLVED] Problem With Website Aligned To Left In Widescreen

[Lee]

Hello,

 

I'm having problems aligning the website to the centre of the page which affects viewing on widescreen monitors as everything is aligned to the left.

 

Could anyone with expertise please advise as to what code would need to be changed in the below extract from global.css? Please note that the "margin-left:28px;" code is temporary and is just so the page is not touching the left side of the screen, and also know that this would align everything to the left, but I have tried "margin:auto;" but this does not work in Internet Explorer. Same applies to the footer code.

 

Any help would be much appreciated. Website is www.handbaggery.co.uk

 

MAIN

.page {width:950px; margin-left:28px}
h1#logo {float:left; background:none;}
#header {width:950px; margin-left:28px;}
#top { text-align:center; float:left; margin:2em 0 2em 0; padding-bottom:0em;  /*background:url(../img/texture.gif) bottom repeat-x; */}
#main_center_column {  width:950px;}
#left_column, #right_column {float:left;}
#left_column {clear:left; width:193px}
#right_column {background:url('../img/dotted_stuffs.gif') top left no-repeat; clear:both; margin-top:1em; overflow:hidden;}
#right_column ul#right_column_container { width:983px}
#right_column h5 a:hover {text-decoration:underline}
#center_column {width:950px; margin:auto; padding:0 0 1em 0; background:#FFFFFF}

 

FOOTER

/* Footer */

#footer { padding-left:28px;float:left; margin-top:2em; background:white url(../img/texture.gif) top repeat-x;}
#footer .path {width:950px; margin:auto; padding:3em 0 2em 0;}

[sixthmind]

You need to center everything in body tag first by adding text-align: center.

 

body { text-align: center; }

 

.page {

width: 950px;

margin: 0 auto 0 auto;

text-align: left;

}

[Lee]

Thanks that's a great help! Had to edit/ revert some other code but works fine. thanks again