Topic: CSS z-index help? (Page 1 of 1)

(I know i posted this in the javascript section, but its reall a CSS problem - could a mod delete the other one thanks )

Hi all, just trying to get this pulldown working - for the most part it is but one thing is giving me problems.

http://brgnew.jtdsonline.com/mockup.php

In explorer when i mouseover one of the items in the top row, the second row covers the menu. It works fine in opera but not in i.e. I have tried change the z-index and all that but i cant get it to work properly!

Hopefully someone can help me out - dont take notice of the colors etc i've just been fiddling trying to get it to work.

The css file is
http://brgnew.jtdsonline.com/bodytest.css

and the javascript file is

http://brgnew.jtdsonline.com/_menu.inc.js

Thanks in advance T.T this is annoying me now

Didn't this used to be CSS-driven with redundant JavaScript for goof-troop browsers? Now they don't popout without JavaScript.

What do you mean?

You can do the menu like this without using javascript?

(Edited by H][RO on 06-17-2005 03:28)

Yup, in tons of different ways:
http://www.alistapart.com/articles/dropdowns/
http://css.maxdesign.com.au/listamatic/ (Links to other lists)

You can even do it in IE without JavaScript, but it's usually cleaner/less evil to just use the redundant JavaScript.

Hmm yeh i might stick with the JS, not much point if it doesnt work easily in IE since its still used so much... I have it so if JS is disabled it shows the list on the side instead so its safe enough.

Thanks anyway, might have a play around see if i can think of another way without JS

So...you're not going to use JavaScript...instead using JavaScript?

Hmm... If you give the later li's lower z-indexes than the earlier li's, does that solve the problem?

I'm thinking that since the menu ul's are *inside* separate li's, IE isn't considering their z-index globally, but only within the context of each li. So since all the li's have the same z-index, IE is ok with displaying their contents (the ul's) behind other li's.

But I'm just guessing.

Regarding the post editing: we've had trouble in the past with people editing or deleting posts in attempts to cover their tracks after saying things they shouldn't have said. In order to keep people accountable for their actions, we don't like it to be easy for them to change their past under our noses.


 

Post Editing: I can understand that but its very annoying when providing links as i want to remove them later since they wont exist. It leads to search engine trouble etc pointing to something that doesnt exist ....

quote:

---

reisio said:

So...you're not going to use JavaScript...instead using JavaScript?

---

I was intending on trying a few other things with css to see if i could get something to work in IE, but i couldnt ... I didnt really expect to as it would have already been done.

So i will stick to the javascript method, there is really no downside to doing it since the backup menu loads up with a <noscript>

quote:

---

Slime said:

Hmm... If you give the later li's lower z-indexes than the earlier li's, does
that solve the problem?I'm thinking that since the menu ul's are
*inside* separate li's, IE isn't considering their z-index globally, but only
within the context of each li. So since all the li's have the same z-index, IE
is ok with displaying their contents (the ul's) behind other li's.

---

Yeh i tried a few different things, didnt seem to make any difference - well actually it did make a difference in opera, i could control wether it showed on top or not - of course our lovely IE doesnt want to behave! (Whats new!)