2 replies [Last post]
blobman
Offline
newbie
Last seen: 11 years 49 weeks ago
Joined: 2007-10-31
Posts: 2
Points: 0

Hello everyone,

I am having some issues with my drop down menus. I understand what is going wrong with them, the next li is further down on the html markup so it gets put in front of the drop down menu which is coded previously. NOTE: I can get it to work in firefox, but IE I have had no improvement.

Now the question is how do I fix it?

http://cameronperry.com/dropdown/

I have tried using z-index in every way possible and it hasn't fixed anything (in IE). On the dropdown if the li is z-index without the ul then the ul's border is still hidden, so that is something to take into consideration.

Anyone have any experience in fixing issues like this? Do I have to take another approach to the menu? Any help would be appreciated.

Thanks!

startList = function()
{
if (document.all && document.getElementById)
{
navRoot = document.getElementById("nav");
for (i=0; i

ul {
width: 258px;
list-style: none;
margin: 0;
padding: 0;
font: bold 12px arial;
color: white;
border: 1px solid white;
border-bottom: none;
}
ul li {
width: 228px; /* 258 */
height: 20px; /* 26 */
padding: 6px 0px 0px 30px;
background: url('main_up.jpg');
border-top: 1px solid white;
border-bottom: 1px solid white;
margin-top: -1px;
position: relative;
}
ul li:hover {
background: url('main_over.jpg');
}
ul li a {
color: white;
text-decoration: none;
}
ul li ul, ul li.hide ul{
width: 167px;
position: absolute;
top: -1px;
left: 90px;
display: none;
visibility: hidden;
}
ul li:hover ul, ul li.show ul{
display: block;
visibility: visible;
}
ul li ul li {
width: 137px; /* 167 */
background: url('sub_up.jpg');
}
ul li ul li:hover {
background: url('sub_over.jpg');
}

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 13 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

ul li ul, ul li.hide ul

ul li ul, ul li.hide ul { z-index: 100; } works for me.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

blobman
Offline
newbie
Last seen: 11 years 49 weeks ago
Joined: 2007-10-31
Posts: 2
Points: 0

I tried what you said but in

I tried what you said but in IE 6 it still puts the main button in front of the drop downs.

Are you checking in IE 7?