Why the heck can't I center this thing?

[medragon]

I have tried to center this every which way but Sunday!
I want the whole table that everything is in to be centered.

This is the page:
http://www.beadedpatterns.com/home/
Please ignore the content, I'm getting ready to do the re-install,
I just want to know how to center this page before I move on, because it is driving me crazy.

I know that it something simple and that I've just missed something stupid like a comma!! maybe!

Here's the example in html:
It's like this:
http://www.uniquebeadedjewelry.com/example1.html

I want it to be like this:
http://www.uniquebeadedjewelry.com/example2.html

You have to have a wide screen to see what I am wanting.
Thanks
Dragon

[gjh42]

You have #mainWrapper properties scattered all over

/*wrappers - page or section containers*/
#mainWrapper {
	width: 900px;
	background-color: #000000;
	float: center;
	text-align: center;
	vertical-align: top;
      border: 1px solid #CC99FF;
	}

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

#contentMainWrapper {
    background-color: #000000;
	padding-top: .50em;
      }

#headerWrapper {
      background-color: #000000;
	margin: 0em;
	padding: 0em;
      }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}

but as the last margin call is auto, it should work.

The problem underlying that is that you have set the body width to 900px also, so there is no room for #mainWrapper to move.
Remove the
width: 900px;
completely from body {}.

[medragon]

When I remove the width: 900px; from the body, the table opens up to the whole page.
This is not what I am wanting to do.
I want the main body/table of my page to be 900px.

So that it looks like a page in the center of your screen.

So now what!!

Dragon

[dbltoe]

Glenn's suggestion of removing the width call from the body is correct. However, you have so many things mixed between body and the various wrappers that almost anything can happen.
For instance, the margin: 10% in the body. That would not be needed if something else "interesting" hadn't been done elsewhere.

[gjh42]

You have an extra </div>, possibly the one after <!--eof-header ezpage links-->, which is ending #mainWrapper so that it does not enclose the whole site.

[medragon]

Thanks everyone!! I'm going to start over on my css file.
Maybe I will do it better this time.

Dragon

[gjh42]

The problem I mentioned is in your tpl_header.php file. You need to get that correct before the stylesheet can work properly.