Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Select Box Form Element Bug in Navigation Div Menu

Posted on 2011-03-14
4
Medium Priority
?
206 Views
Last Modified: 2012-06-21
I'm using a div menu (MegaMenu) that when you hover over the anchor tag CSS tells the underlying div to change its left attribute to 0px thus showing the menu. (Its -9999px by default which pushes it off page)

I wanted to include a drop down select box within the menu for a search system we've implemented. The form/select boxes work fine in all browsers except IE. In IE when you click on the select drop down box and begin to scroll down the list the div assumes you're no longer hovering over it, but rather the select box. The whole menu then disappears.

I need the form drop down box to behave like its part of that menu in IE7-8 so the menu doesn't disappear before something is selected.

0
Comment
Question by:GalaxiePete
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 20

Expert Comment

by:Mark Brady
ID: 35132753
Can you post your code? Is the selectbox totally inside the menu div?
0
 

Author Comment

by:GalaxiePete
ID: 35132990
http://fullertontool.com/fullaccess/series/search

I've pulled the CSS and its available right in the source for that page. If you highlight over End Mills on the top bar you'll see the select pulldowns I'm talking about.
0
 
LVL 20

Accepted Solution

by:
Mark Brady earned 2000 total points
ID: 35133352
Well that answered my question. Weird huh? If you ujse the keyboard by tabbing to the select boxes you can change them with arrow keys and the menu dropdown stays on screen. Only if you click on the select boxes everything dissapears apart from the dropdown options. I don't see anything wrong in your code but let's see if someone else can spot any errors. Quick question. Why do you have the menu titles as links?
0
 

Author Comment

by:GalaxiePete
ID: 35133668
Yeah, I was a bit confused myself. :)

They were left as links in the event they wanted them linking to a "parent page". I could take them out now as we are no longer going in that direction. Good call.
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

721 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question