Does <iframe> fence off space from other frames?

See http://www.adultballet.com.au/AdultBallet.php?Page=Shop

At the bottom of the page is a nav bar. The 2nd, 3rd, and 4th visible
links, when moused over, should pop-up secondary links (via CSS :hover
selectors). This works on all other site pages, but not in the Shop, where
a CafePress shop is contained in an iframe that fills all the space above
the nav bar.

There's lots of use of z-index here. The iframe is zindex 10000 and the nav
links, including the pop-ups are z-index 900000.

The question: Is there something special about an iframe that would prevent
the nav pop-up from entering its space? (If not, I would suspect this is a
z-index problem).

This is not my site. It was left incomplete by one developer and I'm trying
to help the substitute clean it up. [Yes, thanks, I know there is a lot
wrong here; no need to point it all out].

Thanks,
Chris Beall

On 2008-03-25, Chris Beall <Chris_Beall (AT) prodigy (DOT) net> wrote:

See http://www.adultballet.com.au/AdultBallet.php?Page=Shop

At the bottom of the page is a nav bar. The 2nd, 3rd, and 4th visible
links, when moused over, should pop-up secondary links (via CSS :hover
selectors). This works on all other site pages, but not in the Shop, where
a CafePress shop is contained in an iframe that fills all the space above
the nav bar.

There's lots of use of z-index here. The iframe is zindex 10000 and the nav
links, including the pop-ups are z-index 900000.

The question: Is there something special about an iframe that would prevent
the nav pop-up from entering its space?

No. An iframe should get stacked the same as any other element.

(If not, I would suspect this is a z-index problem).

Possibly. Such high z-index values do set off some bogosity alarms.
Remember z-index only applies to positioned elements (set things
to position: relative for fewest side-effects) and that it restacks
only within the local stacking context.

I don't know if either of these is the problem-- they're just the two
most generally surprising things about z-index. The popups don't seem to
be working at all in Firefox.

This is not my site. It was left incomplete by one developer and I'm trying
to help the substitute clean it up. [Yes, thanks, I know there is a lot
wrong here; no need to point it all out].

"Ben C" <spamspam (AT) spam (DOT) eggs> wrote

On 2008-03-25, Chris Beall <Chris_Beall (AT) prodigy (DOT) net> wrote:
See http://www.adultballet.com.au/AdultBallet.php?Page=Shop

At the bottom of the page is a nav bar. The 2nd, 3rd, and 4th visible
links, when moused over, should pop-up secondary links (via CSS :hover
selectors). This works on all other site pages, but not in the Shop,
where
a CafePress shop is contained in an iframe that fills all the space
above
the nav bar.

There's lots of use of z-index here. The iframe is zindex 10000 and the
nav
links, including the pop-ups are z-index 900000.

The question: Is there something special about an iframe that would
prevent
the nav pop-up from entering its space?

No. An iframe should get stacked the same as any other element.

(If not, I would suspect this is a z-index problem).

Possibly. Such high z-index values do set off some bogosity alarms.
Remember z-index only applies to positioned elements (set things
to position: relative for fewest side-effects) and that it restacks
only within the local stacking context.

I don't know if either of these is the problem-- they're just the two
most generally surprising things about z-index. The popups don't seem to
be working at all in Firefox.

This is not my site. It was left incomplete by one developer and I'm
trying
to help the substitute clean it up. [Yes, thanks, I know there is a lot
wrong here; no need to point it all out].

Ben,

Thnak you. You have confirmed my suspicions. In any case, it appears the
site owner has decided to start from scratch, which I support.

Chris Beall