Firefox not centering box but IE is fine

[ridesign]

Hi,
For my site: http://www.ttkn.com/site/ it appears fine in ie6, but in firefox the center box is appearing over the right hand column and is not centering.
Also the header under the search box is slightly squashed.

I tried to clean up the html as in w3c , and have goto http://www.ttkn.com/site/index5.htm

Can anyone help me out please.

Thanks

[Medyman]

I didn't look at your CSS but your alignment issue in FF is probably due to not having an "auto" margin.

Assuming that you have a div that encloses EVERYTHING (lookslike PageSurround on your page), add this to it's CSS:

margin:0 auto;

[Medyman]

Also, I'm getting the following in IE7...

Attachment 1657


Unfortunately, I can't help you out right now to fix it. But just wanted to make you aware of them.

[ridesign]

Hi,
Thanks for your reply.
I have: margin : 0 auto 0 auto; in the pagesurround, but I changed it with margin:0 auto; and the page appears same.

[tech_support]

It's margin:0 auto;

[ridesign]

thanks, have updated that.

[boogyman]

It's margin:0 auto;

0 auto 0 auto is the same thing just declared differently

0 top margin
auto right margin
0 bottom margin
auto left margin...

0 top/bottom margin
auto left/right margin


they are one and the same, so that shouldn't be the cause of the problem.

[ridesign]

any suggestions what I should do?

[Medyman]

try adding text-align:center to the body tag