Link to home
Start Free TrialLog in
Avatar of roscoeh23
roscoeh23

asked on

IE suckerfish problem

On this page you can see that IE ignores the z-index of the suckerfish dropdown and I can see the text over the dropdown

http://blue-fly.co.uk/trisco/test.php

the css

http://www.blue-fly.co.uk/trisco/css/


It is fine on safari and firefox.



Any ideas?
Avatar of Oneiroid
Oneiroid

Please post some code.

If you are using the same model as in the suckerfish examples, try adding:

#nav * {
      z-index: 999;
}

This works for all browsers I've tried it on. It won't work if your offending overlapping divs if they have a z-index greater than 999 though ;)  Check that out too.
Avatar of roscoeh23

ASKER

This doesn't work. I have also created an absolute version where everything inside the main (relative) container is absolutely positionined and contains z-indexes but ie 6 still ignores this.


http://www.blue-fly.co.uk/trisco/abs.php


http://www.blue-fly.co.uk/trisco/css/abs.css
Avatar of dsacker
You don't need to post code. This is a well-known error. IE sets an unbeatable z-index on the <SELECT> drop down object.

Some (certainly not all) of the ways you can defeat that are to (1) put it out of the way of your drop down menu, or (2) embed your <SELECT> drop down in an IFRAME (yeah, I know ... yuk).

FireFox and Safari behave properly on this one.
ASKER CERTIFIED SOLUTION
Avatar of Oneiroid
Oneiroid

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial