Hello fellow webmasters.

I have recently redesigned my website using a new template. The site works just fine in IE7, but the main page content is not being centered in FF 3.

You see in the image below I have firebug open. That specific DIV (class=the_body) has an absolute width set and the text-align is set to center. Why then is Firefox not centering the div?

Thanks for any help!

You can see the page (I saved it with all CSS embedded) at www.pksml.net/weather.htm

That specific DIV (class=the_body) has an absolute width set and the text-align is set to center. Why then is Firefox not centering the div?

It's not centered because that is not the right way to center a div. The text-align:center centers the text INSIDE the div - not the div itself. If you want the div centered - add margin: 0 auto; (adjust top and bottom as needed).

Thank you so much ladynred! That did the trick, as you can see at www.pksml.net/weather

I've googled this issue many times, but never found that fix. It's been the reason for many a headache!

I also plan on reading the web standards cirriculum you recommended.

Thanks again!

You should also check out the stickies at the top of each of our forum areas.

Did you add margin: 0 auto; ? I still see the div being positioned to the left inside your content area.

<div class="the_body" align="center" style="width: 700px;">

Maybe?

Nope, READ THE STICKIES!

margin: 0 auto;