Centering my content in CSS/XHTML

Well I did some coding the other day. I did it all perfect as it seemed Valid, Tableless, Error free XHTML!

But then I viewed my work and I got my background image to center perfect, but for some reason I cant get my Content to center with it. I tired inputing my own "px" poistion and it works fine with my resoultion, but mucks up in other screen sizes.

I was wondering if anyone could take a look at it and tell me how to center my content with the background image?

Regards;
Justin

http://www.atstudios.roxr.com/sale/001/index.html
http://www.atstudios.roxr.com/sale/001/working.css

You're probably better off using 2 DIVs to center a content, one for the actual centering and 1 being the container;

Although don't forget to set a width and text-align: left within the CSS selector of 'container'.

Originally Posted by Aros You're probably better off using 2 DIVs to center a content, one for the actual centering and 1 being the container; HTML Code: <div align="center"> <div class="container"> content </div> </div> Although don't forget to set a width and text-align: left within the CSS selector of 'container'.

would work better..

Originally Posted by KmXc14 HTML Code: <div class="container" align="center">content</div> would work better..

That won't work. You can't center a DIV element on it's own, you need a parent element to define the center alignment.

Use the search button at the top of the page... this has already been answered a few times.

Originally Posted by seen.to Use the search button at the top of the page... this has already been answered a few times.

ok, Sorry about that.

Thanks everyone for the help

for #container use

position: absolute;
left: 213px;

instead of using margins.

Originally Posted by Dray for #container use position: absolute; left: 213px; instead of using margins.

because 213 is center?

#container {
width: $width;
margin: 0 auto;
}

<div id="container">look at me i'm centered</div>

Originally Posted by dereklapp because 213 is center? #container { width: $width; margin: 0 auto; } <div id="container">look at me i'm centered</div>

Dude he said he wants it aligned with the bg. In his source i saw that he used margin-left to make it 213px from left so instead i suggested him to use absolute positioning.

Did you try mine?

Originally Posted by Dray Dude he said he wants it aligned with the bg. In his source i saw that he used margin-left to make it 213px from left so instead i suggested him to use absolute positioning. Did you try mine?

When I did it your way, I got this

http://www.exoload.com/1005/1129590419.jpg