Akella -

 

Thanks for the insight about the element vs. parent positioning issues of
IE.

 

I fiddled a bit more using your example and have found that it works fine
with a simple position:relative, z-index: 80 for #navTopDrop in my ie-only
stylesheet; apparently no need to position or z-index #wrapperSide.

 

Thanks again for your assistance!

 

Cole

 

  _____  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of akella
Sent: Monday, August 25, 2008 5:58 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Drop-down menu slips behind left-nav anchor text in IE

 

Hello, Cole.
The problem with IE's z-index, is that you should try to change it not for
"elements i've got stacking problem with" (in your situation it is menu
links and drop downs), but for their parents.
It is for you  id="wrapperSide" and  id="navTopDrop"
Try something like this:
#wrapperSide{
position:relative;
z-index:25;
}
#navTopDrop{
position:relative;
z-index:83;
}

I cant test it now.. but  AFAIK it should do the trick.

С уважением,
Юрий "akella" Артюх,
http://cssing.org.ua,




On Mon, Aug 25, 2008 at 12:44 PM, Cole Kuryakin <[EMAIL PROTECTED]> wrote:

Hello All -

I've got a framework with a drop-down menuing system which works pretty well
until you select one particular menu item which SHOULD drop down OVER a
left-positioned navigation bar.

Everything looks fine in FF, but in IE (6 and 7) when you trigger the
"Section 2" drop down, the menu slips BEHIND the anchor text in the side
navigation - it doesn't slip behind the UL or LI's, just the anchor text...
hummm.

To see the nightmare in action, please go here:
http://www.koisis.com/.framework/-public/index.php and hover over the menu
trigger labeled "Section 2"

I thought that this would be a "simple" stacking/z-index fix (silly me), but
I've fiddled around with this "solution" for hours to no successful
solution.

Anyone care to thrown in a suggestion or two?

Any and all guidance greatly appreciated!

Cole




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

 


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to