Hello, I recently came upon a conflict with div layering on a page that I am creating for a client. The temporary url is <!-- m --><a class="postlink" href="http://www.wwwroot16.net/~ezonpro/newdesigns/circles/">http://www.wwwroot16.net/~ezonpro/newdesigns/circles/</a><!-- m -->
The popup menu divs will not layer over the flash movie. The products link is the only one that currently has an expanding menu. Any suggestions? The layering code works fine if the content is anything but a movie. I spent a whole lot of time coding out this array-loaded menu system, it'd be really annoying if this couldn't be fixed! ;-)
Thanks,
Ian Patersonit'd be really annoying if this couldn't be fixed!
Embedded objects do not follow HTML object rules. They are actually under the control of the code that creates them, and they "live" in a window of their own of sorts. Browser rules dictate that such objects are given visual priority over HTML objects (even some form objects behave this way). This forum and the companion forums (JavaScript, HTML, DHTML) have hosted many threads dealing with this phenomenon.
Sometimes you can place the offending object inside a positioned DIV and control the container's z-index or it's visibility. Sometimes that doesn't even work.
So, be annoyed. Be very annoyed.=) Thank you. Yeah, I've tried it in a div, gosh, just about everything is in a div. I got a reply in the Javascript forums with this site, explaining how to fix it (I hope):
<!-- m --><a class="postlink" href="http://www.dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx">http://www.dotnetjunkies.com/WebLog/jki ... 1/488.aspx</a><!-- m -->
Hope it works!
- Ian
The popup menu divs will not layer over the flash movie. The products link is the only one that currently has an expanding menu. Any suggestions? The layering code works fine if the content is anything but a movie. I spent a whole lot of time coding out this array-loaded menu system, it'd be really annoying if this couldn't be fixed! ;-)
Thanks,
Ian Patersonit'd be really annoying if this couldn't be fixed!
Embedded objects do not follow HTML object rules. They are actually under the control of the code that creates them, and they "live" in a window of their own of sorts. Browser rules dictate that such objects are given visual priority over HTML objects (even some form objects behave this way). This forum and the companion forums (JavaScript, HTML, DHTML) have hosted many threads dealing with this phenomenon.
Sometimes you can place the offending object inside a positioned DIV and control the container's z-index or it's visibility. Sometimes that doesn't even work.
So, be annoyed. Be very annoyed.=) Thank you. Yeah, I've tried it in a div, gosh, just about everything is in a div. I got a reply in the Javascript forums with this site, explaining how to fix it (I hope):
<!-- m --><a class="postlink" href="http://www.dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx">http://www.dotnetjunkies.com/WebLog/jki ... 1/488.aspx</a><!-- m -->
Hope it works!
- Ian