Jump to content

Pure CSS Menu Showing Behind Form Fields in IE


kwilliams
 Share

Recommended Posts

I developed a pure CSS menu with the help of Eric Meyer's tutorial, and it works great. But in IE6 and IE7, the menu shows up *behind* the form fields below. I hope that there's a quick fix for this that I haven't been able to find. If you can help me out, that would be great. Thanks.

Link to comment
Share on other sites

If, by "form elements", you mean, specifically, dropdown menus, then you might benefit from this Google search:http://www.google.com/search?q=z-index+dropdown
Yes, you are correct. Sorry that I wasn't more clear. The other form fields show up behind the menu; only the select menu shows up in front. I went to several links through the Google Search you referenced, but I'm already using their solution with z-index on my menu's container, like this:#navlist { position:absolute; width:auto; margin-left:10px; margin-top:-1px; z-index:1;/* brings menu to front of content */ font-size:1.0em;}This brings the menu in front of the content on the page except for the select menu. So I'm not sure what else to do at this point. Any suggestions would be greatly appreciated. Thanks.
Link to comment
Share on other sites

From what I understand of this bug, the only way to make your content appear above the dropdown menus is to either 1) set the display of the dropdown menus to "none" or to 2) set the position of the dropdown menus to "relative" and the visibility to "hidden".Then, when you hide the content, you have to make the dropdown menus visible again.EDIT: These might help:http://www.codeproject.com/useritems/dropdown_div.asphttp://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...