The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> 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
post 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.

Attached Image

Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 3 2009, 10:04 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,045
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Discovery Byte
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 12th November 2018 - 04:45 PM