I can't seem to figure out why my page won't center. I've tried many different ways of doing this and it won't budge from the left side of the screen. I have Layer4 wrapped around all my content in my code.

Did you try reading the stickies ????

Get rid of all that position:absolute - it causes lots of problems and it's totally unnecessary. Learn to use the normal document flow and floats and you'll be much better off.

The width: 100% on Layer4 is unnecessary. Set it to position: relative (the ONLY positioning you need) and it should center.

Yeah I made sure to read through that first, but wasn't quite sure what was wrong with my code. Let me try what you suggested.

ok so I no longer have any absolutely positioned elements on my page, they either have no positioning selected or they are relatively positioned. I still can't figure out why my "wrapper" which I was able to name it now, still isn't able to center my entire page. I have all my content between it. Doesn't make sense to me.

IE is really buggy, I suggest you try the following:

Body:
body {
background-color: #000000;
padding: 0;
text-align: center;
margin: 0;
}

and then the thing you want to center (wrapper), add this:
text-align: left;
margin: 0 auto;

Hope that helps!

I tried that and it's still not working.

Post us what you have now you;ve added the codes I posted.

here it is

because you still have margin left and right on it, make the wrapper:

#wrapper {

text-align: left;
margin: 0 auto;
}

Ok I did that still a no go. Is their anything more I can do to help you help me figure this out? would you need screenshots of dreamweaver? or is it possible to just figure it out from the code.

Send in a screen shot.

Wait, you need to set the width of the wrapper. Sorry!

will do. ill send one in at some point today.

I dont think you will need one if you set the width of the wrapper, that should work.

Look, you're missing THE most important rule - if you want it to center using margin: 0 auto; you MUST give the #wrapper a DEFINED WIDTH!

hey thanks for the assistance.

Pleased to help.

lol take away the " position: relative "

The position:relative on the #wrapper is harmless and also a good idea. Should the OP decide to position something INSIDE the #wrapper, it would be positioned relative to the #wrapper rather than the body.

thanks for the info, ladynred. Is their anything about my code that you would do differently or any other suggestions?