centering content div in firefox

Hi

As pretty much a beginner, can anyone see why my content box at www.londonforager.com is stuck out on the left in Firefox when it's nicely centered in IE.

Stylesheet is here: www.londonforager.com/forager%20styles

Many thanks

Roland

I don't see anything in your code that tries to center it. You have a mixed code, a ton of unneeded css and lots of unwanted tables. This is a simple design and you have complicated it, so I'd suggest learning more about XHTML and CSS so that it is easier on you. You will be able to edit your code much easier.

But to center things, all you do is you put margin: 0 auto; in the item you want centered and viola, its centered in all browsers except IE. For IE you must use text-align: center; but make sure your content you re-align the text back to the way you want it to be displayed, so if you have a p element you do text-align: justified; there to get your content correct.

Hope that helps.

yeah, learning more xhtml/css is definitely on my to do list, to be squeezed in somewhere between the day job and the pub.

in the meantime thanks for the tips, i'll have a play when i get home.

Well I'd suggest learning at the pub . Nothing says cool like a beer and a laptop! lol.

I would create a wrapper of the width you want your site and then put

Code: Select all

margin: 0 auto;

Then you can lay out your site within that wrapper so the whole site is centered.

LOL
I'll try that one time

To repeat what Justinstudios said:
Add to your div#content
this code
margin: 0 auto;

ha - brilliant! margin: 0 auto; did the trick.

many thanks to all!