Member Avatar for pradeep.singh28

I have used an ASP .Net Menu Control ,It is working fine in Mozzila but in IE-8 , the Submenu are not displaying instead a white box appears havinfg the dimensions same as if the submenu items are present and when I take mouse over that box it dissapears.

Edited by pradeep.singh28 because: n/a
  • 5 Contributors
  • 6 Replies
  • 499 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by doctor_nasir_c

Dani AI

Generated

Short summary and diagnosis: this is a known ASP.NET + IE8 rendering quirk. 's z-index suggestion fixed the menu for some responders (for example and ), but others still see a blank white pop-out area (see ). The problem can come from several distinct causes — the skip-link that ASP.NET emits for accessibility, IE8 standards-mode bugs that were patched by Microsoft, or stacking/positioning issues in your page layout. The steps below address each cause in priority order.

A quick first check (often the fastest fix) is to stop the Menu from rendering the skip-link anchor/image. Add an empty SkipLinkText to the control so ASP.NET does not emit the hidden skip image that IE8 sometimes renders as a blank box:

<asp:Menu ID="Menu1" runat="server" SkipLinkText="">
  ...
</asp:Menu>

That exact output/behavior is documented for the Menu control and was the root cause in multiple IE8 reports. (blogs.iis.net)

If the skip-link change does not help, this behavior was also fixed in an ASP.NET/IE8 hotfix from Microsoft (older .NET versions needed the KB hotfix addressing pop-out/dynamic menu rendering in IE8 Standards mode). If you must support IE8, install the appropriate Microsoft hotfix or move to a .NET runtime that contains the fix. (support.microsoft.com)

If neither of the above applies, the remaining common cause is stacking/positioning: z-index only works when the element (or an ancestor) is positioned. Put the menu inside a container that has an explicit position and a high z-index, and check for overlays/iframes/filters (opacity, alpha filters) that create new stacking contexts or sit above the menu:

.menuWrap { position: relative; z-index: 10000; }  /* apply to the menu container */

Also use IE's F12 developer tools to toggle Browser/Document Mode (IE8 vs IE7/Quirks) while you debug — that often reveals whether the issue is an IE mode quirk or your CSS. (learn.microsoft.com)

Quick checklist: (1) try SkipLinkText="", (2) test Document Mode with F12, (3) ensure the menu container is positioned and has a higher z-index than siblings/overlays, (4) apply Microsoft hotfix or upgrade .NET if the server runtime is old, (5) if still failing, replace the server Menu with a small CSS/JS menu for IE8-only pages.

Recommended Answers

All 6 Replies

Member Avatar for cjsteury

I am having the same problem. Did you fix? If I find sol I be back.

Member Avatar for Ramesh S

Setting the z-index property (HTML) using CSS can address this problem. The CSS class would look something like this:

.adjustedZIndex {
    z-index: 1;
}

And the Menu should look like as below

<asp:Menu ID="Menu1" runat="server">
    <DynamicMenuStyle CssClass="adjustedZIndex" />
</asp:Menu>

The z-index has to be something higher.

Some fixes have been in the following links. Try them.

ASP.NET Menu and IE8 rendering white issue
Ie8 doesn't seem to like the ASP.Net Menu control

asp:menu fix for IE8 problem available

Edited by peter_budo because: Keep it Organized - For easy readability, always wrap programming code within posts in [code] (code blocks)
commented: This answered my question +0
Member Avatar for cjsteury

thanks, this works.

Member Avatar for Ramesh S

Hi cjsteury,

Please mark this thread as answered if your question is answered.

Regards
Ramesh. S

Member Avatar for cppbit

yo! thanks man, it works on mine aswell

Member Avatar for doctor_nasir_c

<DynamicMenuStyle CssClass="adjustedZIndex" />

This is still not working but other browsers support. I used the above solution but no use........

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.