[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

DIV loses focus when HTML select control option is hovered over in IE

Posted on 2011-09-09
3
Medium Priority
?
644 Views
Last Modified: 2012-05-12
I added a HTML select control to a div drop-down menus on a website I am starting to develop. When I hover over an option in the HTML select control the div drop-down menu it is contained in, automatically and immediately loses focus and disappears – so it is impossible to select an option in the HTML select control. This only happens in Internet Explorer. It works perfectly in Firefox and Chrome (i.e. you can hover over options and the drop-down menu div remains focused and visible).

Here is the problematic page…
http://www.funasset.net

HTML select controls appear on the Products and Solutions drop-down menus. Both are problematic.

Note: There are no active links on this web page.

I hope someone can help me please!
0
Comment
Question by:funasset
[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
3 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 36511334
0
 

Author Closing Comment

by:funasset
ID: 36511813
I tried the example provided and it works perfectly in all browsers - even nasty IE. However, implementing it means hacking my code about and changing the way the entire menu system works (which is currently CSS driven).

I think I might remove the select controls from the drop-down menus, but thanks for your great answer.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36512113
Sorry I couldn't help you more.  But please dont' try to "hack" your code. If you can't get something, ask us.

I was going to ask you if you had another way to present those options to the user. It's not a "bad" way necessarily, however you may want to think about the overall user-experience when doing something like that.  Not to mention, as you've just seen, the cross-browser nightmares. ;)
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The viewer will learn how to count occurrences of each item in an array.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

650 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