Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ IE8 Displays page weird while it looks fine in FireFox 3.5.3

Posted by: Discovery Byte Oct 2 2009, 10:51 AM

I have a website hosted at http://discoverybyte.uuuq.com/, and it is working great, except that the heading is displayed weird in IE8. It works fine on Firefox 3.5 though.

In IE8 the heading menu is indented when I prefer it not to be.

See the attached images for more help.

Please note that as of this posting the code is on my website shown above.

Any help would be appreciated.

Posted by: pandy Oct 3 2009, 10:04 PM

Remove the 'margin: auto' you have given .menu.

I'm not sure what's going on here. IE isn't even supposed to understand auto margins when in quirks mode (and it is, because if the short doctype you use). There must be something more behind it, but that fixes the problem and you don't need to center the menu anyway since it's 100% wide.

Posted by: Discovery Byte Oct 5 2009, 10:40 AM

It was the "margin: 0 auto;". Changing it to "margin: 0;" fixed it

Thanks