?
Solved

dropdown always on top in ie6

Posted on 2011-03-24
8
Medium Priority
?
404 Views
Last Modified: 2012-06-27

I cannot set the div to be on top of a dropdown in ie6. Works in other browser but not in ie6.

Z-order is not working.

Any ideas?
0
Comment
Question by:PagodNaUtak
[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
  • 5
  • 2
8 Comments
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 35205421
0
 
LVL 13

Expert Comment

by:stergium
ID: 35205429
hello.
use the z-index attribute and the zIndex property to change the stacking order of objects.
<img src="cone.jpg"
    alt="cone"
    style="position: absolute;
        top: 100px;
        left: 100px;
        z-index: 4">
<div style="position:absolute;
    top: 100px;
    left: 100px;
    color: red;
    background-color: #999966;
    font-weight:bold;
    z-index: 1">
...
</div>
0
 
LVL 8

Author Comment

by:PagodNaUtak
ID: 35205471
Hi stergium,

your try an example with a dropdown or a select input type. it will not work... in IE6...

The problem occurs only in dropdown.
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 8

Author Comment

by:PagodNaUtak
ID: 35205516
IE6 sux. A div or ul with position:absolute. No matter how much you increase the value of z-index the select box (windowed element) will always remain on top most – yes only on a special browser, Internet Explorer 6. The reason is IE6 considers select element as windowed element and keeps it always on top layer.
0
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 35205546
Not sure why do you have to support IE6. Do people still use it?

Also, did you tried wrapping your div into another div and then giving it z-index? the link that i shared earlier seems to suggest that it works
0
 
LVL 8

Author Comment

by:PagodNaUtak
ID: 35205630
Actually that is the first thing that comes to my mind. unfortumately, yes, someone still using it and mostly our executives. I do not know the reason why they are still using it.
0
 
LVL 8

Accepted Solution

by:
PagodNaUtak earned 0 total points
ID: 35255490
Set the css display none to hide it and display inline to show it.
So that the dropdown will not be on top if the div is visible..
0
 
LVL 8

Author Closing Comment

by:PagodNaUtak
ID: 35312539
As stated in the comment
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
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).
Suggested Courses
Course of the Month10 days, 13 hours left to enroll

770 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