• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 974
  • Last Modified:

UI menu dropdown differ from IE and Firefox with ASP.NET Page

Hello,

I have an asp.net page and it is published in a Portal and the Portal has dropdown menus.  When I view it in IE, the menu dropdown behind the asp.net page, but when I view it in Firefox it displays correctly.

Any idea why, what to look for???

Thank you!
0
Rad1
Asked:
Rad1
  • 2
  • 2
1 Solution
 
Rajar AhmedConsultantCommented:
Link or code  which shows the difference can help us to sort your issue .
0
 
Tom BeckCommented:
What to look for:

IE handles z-index in odd ways. Generally, you need to tell IE how elements relate to one another first, then set z-index. In other words, check that both the menu <li>s and the element that is covering the <li>s have a position defined (like position:relative). Then set the z-index on the menu to bring it forward. You might even want to put the covering element at z-index:-1.
0
 
Rad1Author Commented:
Excellent!!!

This is what am looking for (items to check for)!!!!!
I wander why it works correctly in FF but not in IE????

Also, I don't recall me using z-index on my asp.net page?????
0
 
Tom BeckCommented:
Well then, it's time to tweak the css and add some z-indexes and positioning. You can do this best on-the-fly with Firebug in Firefox but since the problem is in IE, you can use their developer tools (yuk!). Once you know what fixes are required you can go back to the aspx pages and add the necessary css.

Alternately, you can post your "view source" of the rendered page here as @meeran03 suggested and someone will help you get it working in IE.
0
 
Rad1Author Commented:
Thank you!
0

Featured Post

Fill in the form and get your FREE NFR key NOW!

Veeam is happy to provide a FREE NFR server license to certified engineers, trainers, and bloggers.  It allows for the non‑production use of Veeam Agent for Microsoft Windows. This license is valid for five workstations and two servers.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now