CSS Forum

**Luv2Learn** · 03-23-2009, 02:44 AM

I am working on a site and need help with centering.

I did read the links at the top of this page, but I still cant seem to figure out where I went wrong.

At first the page was centered properly, I edited it and then it was no longer centered.

here is the link:
http://tonyacryer.com/test/index.htm

If you need anything else, please let me know.

Thanks everyone!

**LadynRed** · 03-23-2009, 09:45 AM

The quick fix is to wrap everything inside a #wrapper div and apply the centering to that.

So, you add this right after the <body> tag:
<div id="wrapper">
..then close it after the end of the table with </div>

Css for this would be:
#wrapper{
width: 900px; /*must declare a width*/
margin: 0 auto; /*this does the centering*/
position: relative;
padding: 0;
}

The BETTER fix - dump the tables for layout.

**HivelocityDD** · 03-23-2009, 10:03 AM

Please try removing the bottom line
<p class="style1"> </p>

**LadynRed** · 03-23-2009, 10:20 AM

That has no bearing whatsoever on the problem, it's simply extraneous junk.

**Luv2Learn** · 03-24-2009, 05:41 AM

Quote:

Originally Posted by LadynRed

The BETTER fix - dump the tables for layout.

HAHA! I intend to. But as I am a circa 2001 webdesigner, Ive gotta relearn everything. This CSS is pretty challenging, so until I remember what I used to know Ive just got to combine the 2.

Thank you very much for your help. Im about to go give it a go now.