Internet Explorer 8 breaks menus.

Last post 06-15-2009 8:05 AM by ernie_p. 11 replies.

Page 1 of 1 (12 items)
	Sort Posts: Previous Next

03-20-2009 10:41 AM

jimmidude
Joined on 05-29-2008
USA - MIchigan
Posts 24

Internet Explorer 8 breaks menus.

Reply Contact

I just downloaded IE 8 this AM on my Vista notebook.

Everything looks great except the popup menus do not work.

When you mouse over the main catetory all you see is a blank outline area on the screen where the submenu items would be.

Adding the <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> as suggested by Microsoft does not fix it.

I have not spent a lot of time on this yet, but I wanted to make everyone aware of this to see if someone has a quick solution.

From the little checking I did, it seems Microsoft has not set a date for when they will push IE 8 out through automatic updates.

03-20-2009 11:52 AM In reply to

Dick
Joined on 02-11-2008
Posts 106

Re: Internet Explorer 8 breaks menus.

Reply Contact

Hi, you should set the z-index on the submenus.

eg. z-index:99;

03-20-2009 12:11 PM In reply to

jimmidude
Joined on 05-29-2008
USA - MIchigan
Posts 24

Re: Internet Explorer 8 breaks menus.

Reply Contact

Where? I inserted it in site.css all selectors .siteLevel2 and it made no difference.
If I click on compatibility mode in the browser the sub menus reappear, but I doubt may users would realize this.
The apparent reason inserting the meta tag does not work is it must appear before any other element except title and other meta tags. But ASP.NET inserts all the link tags for the themes first in the head section. I don't know if there is any way to control this.

03-20-2009 6:44 PM In reply to

jimmidude
Joined on 05-29-2008
USA - MIchigan
Posts 24

Re: Internet Explorer 8 breaks menus.

Reply Contact

Duh! wrong menu!

But even when I added z-index: 99; to the .categoryMenu and all selectors .categoryLevel1 still not working.

03-21-2009 9:55 AM In reply to

gauravpersonal
Joined on 03-21-2009
Posts 1

Re: Internet Explorer 8 breaks menus.

Reply Contact

Solution

I had same problem with my website www.sushilindia.com/Home.aspx. But I solved the problem by writing follwing lines in my MasterPage.aspx:

.IE8Fix
{
z-index: 100;
}

a{font-color:yellow;}

</style>

I solve the problem and working fine in IE 8, IE 7, Mozilla FireFox and Google Chrome.

From: Gaurav Mahajan Web Developer at Amritsar [Website: www.sushilinda.com ]

Gaurav Mahajan [www.sushilindia.com]
Web Developer Amritsar and Computer Lecturer

Filed under: Websote Developer Amritsar, IE 8 rendering problem, IE 8 menu problem, www.sushilinida.com, Web Developer Amritsar

03-21-2009 9:56 AM In reply to

Dick
Joined on 02-11-2008
Posts 106

Re: Internet Explorer 8 breaks menus.

Reply Contact

Hi,

It should work like this...

.contentMenuDynamic {
z-index:99;
}

In your skin file apply the class like so;

<asp:Menu ......
<DynamicMenuStyle CssClass="contentMenuDynamic" />
</asp:Menu>

Setting your website to render as IE7 is not a proper solution in my opinion...

03-21-2009 12:02 PM In reply to

jimmidude
Joined on 05-29-2008
USA - MIchigan
Posts 24

Re: Internet Explorer 8 breaks menus.

Reply Contact

Well DC did not use the <DyanmicMenuStyle > in the category menu it used the following construct:
<LevelMenuItemStyles>
     <asp:MenuItemStyle CssClass="categoryLevel1" />
     <asp:MenuItemStyle CssClass="categoryLevel1" />
     <asp:MenuItemStyle CssClass="categoryLevel1" />
     <asp:MenuItemStyle CssClass="categoryLevel1" />
   </LevelMenuItemStyles>

When I changed this to:
<DynamicMenuStyle CssClass="categoryLevel1" />
<StaticMenuStyle CssClass="categoryLevel1" />

I got close the sub-menus are now visible but I still need to tweak the styles to get them to appear as they did before.

I agree setting your website is not the proper solution but it is a good alternative for the short term.
What you risk if you don't get your website working correctly in IE 8 is, the user could set his browser to always render your site in compatibility mode, then even when your site is fixed that user having no way of knowing your site is now IE 8 ready will still view it in IE7 mode.

The reason the <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> works for Gaurav is his site is not using any external css files thus he does not have the issue of the ASP.NET inserting link elements ahead of the compatibility meta flag rendering it useless.

FYI - I do like the developer tools that come with IE 8. There may have been available for IE 7 as an add in but I never installed them. They come by default in IE 8.

04-24-2009 10:52 AM In reply to

lobex
Joined on 04-24-2009
Posts 1

Re: Internet Explorer 8 breaks menus.

Reply Contact

For IE8 and others browsers bugs, just install this fix: http://code.msdn.microsoft.com/KB962351/Release/ProjectReleases.aspx?ReleaseId=2294

05-12-2009 2:46 AM In reply to

bklooste
Joined on 05-07-2008
Posts 17

Re: Internet Explorer 8 breaks menus.

Reply Contact

That was a waste fo time - states it wont hekp when i try to install it.

Edit ,,above patch is only for desktop OS for server get

http://code.msdn.microsoft.com/KB967535/Release/ProjectReleases.aspx?ReleaseId=2328

06-11-2009 1:39 PM In reply to

louisd
Joined on 02-12-2008
Posts 89

Re: Internet Explorer 8 breaks menus.

Reply Contact

Dear fellow DC users,

Thank you for helping me fix this. Between the forum: http://forums.asp.net/t/1368817.aspx and this thread, I came up with the fix:

Add:

after the <head tag in the site.master (or any master pages in your app).

Add the style to common.css:

.IE8Fix

{

z-index: 1000;

}

Add to your asp:menus:

Louis

06-11-2009 7:02 PM In reply to

bklooste
Joined on 05-07-2008
Posts 17

Re: Internet Explorer 8 breaks menus.

Reply Contact

Just install the patch ASP.NET team have acknowledged its a bug in ASP.NET ( and not a layout bug , its a fix i think for not sending some info)

Regards,

Ben

06-15-2009 8:05 AM In reply to

ernie_p
Joined on 03-21-2009
Posts 14

Re: Internet Explorer 8 breaks menus.

Reply Contact

try this, it worked for me:

http://support.microsoft.com/kb/962351
https://connect.microsoft.com/VisualStudio/Downloads/DownloadDetails.aspx?DownloadID=18157

Page 1 of 1 (12 items)

dashCommerce

Internet Explorer 8 breaks menus.

03-20-2009 10:41 AM

Internet Explorer 8 breaks menus.

03-20-2009 11:52 AM In reply to

Re: Internet Explorer 8 breaks menus.

03-20-2009 12:11 PM In reply to

Re: Internet Explorer 8 breaks menus.

03-20-2009 6:44 PM In reply to

Re: Internet Explorer 8 breaks menus.

03-21-2009 9:55 AM In reply to

Re: Internet Explorer 8 breaks menus.

Solution

03-21-2009 9:56 AM In reply to

Re: Internet Explorer 8 breaks menus.

03-21-2009 12:02 PM In reply to

Re: Internet Explorer 8 breaks menus.

04-24-2009 10:52 AM In reply to

Re: Internet Explorer 8 breaks menus.

05-12-2009 2:46 AM In reply to

Re: Internet Explorer 8 breaks menus.

06-11-2009 1:39 PM In reply to

Re: Internet Explorer 8 breaks menus.

06-11-2009 7:02 PM In reply to

Re: Internet Explorer 8 breaks menus.

06-15-2009 8:05 AM In reply to

Re: Internet Explorer 8 breaks menus.