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?
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?
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
http://www.blue-fly.co.uk/trisco/abs.php
http://www.blue-fly.co.uk/trisco/css/abs.css
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.
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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.