[bikerdon]

I have a website with a page that is W3c validated but the footer shows different in IE and Mozilla. In IE the middle part of the footer (it's in a table) is centered perfectly but in Mozilla it is pushed over to the left.

Can anyone enlighten me on how to fix this?

[Shadow2531]

Enter javascript:alert(document.compatMode) in the address field in both browsers to make sure they're using CSS1Compat mode to render the page. If not, you need to fix your doctype.

If so, try the page in a Firefox 3 beta, Opera 9.27, an Opera 9.5 beta and Safari with the latest WebKit to see how things look in them. Most likely, IE is rendering it incorrectly and you need to fix it for the others first and figure out a wordaround for IE.

http://my.opera.com/desktopteam/blog/
http://www.opera.com/
http://www.mozilla.com/en-US/firefox/all-beta.html
http://nightly.webkit.org/
http://www.apple.com/safari/

[TheRobatron]

IE and Firefox often render pages differently because of how they interpret the code. Can you post the code for the footer (or the whole page)?