IE8 Displays page weird while it looks fine in FireFox 3.5.3, IE8 displays top css menu indented while Firefox doesn't |
IE8 Displays page weird while it looks fine in FireFox 3.5.3, IE8 displays top css menu indented while Firefox doesn't |
Discovery Byte |
Oct 2 2009, 10:51 AM
Post
#1
|
Group: Members Posts: 2 Joined: 2-October 09 Member No.: 9,913 |
I have a website hosted at 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. |
pandy |
Oct 3 2009, 10:04 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,734 Joined: 9-August 06 Member No.: 6 |
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. |
Discovery Byte |
Oct 5 2009, 10:40 AM
Post
#3
|
Group: Members Posts: 2 Joined: 2-October 09 Member No.: 9,913 |
It was the "margin: 0 auto;". Changing it to "margin: 0;" fixed it
Thanks |
Lo-Fi Version | Time is now: 26th May 2024 - 06:41 AM |