Centering CSS Page - Classes conflicted

Question

Hello everyone,

I cant center this page, no matter what. It's a simple task. Sorry Im so new to CSS. Please help....

http://imageoneads.com/zenliver/

Answer 1

To start with you have styles in the main.css file and in the head of the html, I would consolidate these then

• Remove all of the 'width' from the body style (I saw multiple)
• Remove 'width' from the wrapper div (I saw multiple)
• Make sure you have the following on the wrapper div
  • width: 100%
  • margin: 0 auto;
  • clear:both;

Then on all the sub divs (header, mainContent, etc) - anything you want centered

• margin: 0 auto;
• width: 1024px

But also note that zneak is 100% correct about the 1024 width; after you get it centered then bring down the size of the header image and then update the width css as needed (might want to go as low as 980px? if you are targeting 1024)