View Full Version : bringing to front

11-11-2002, 06:58 AM
I am using pop up dialogs to display messages on my website. For
example when someone clicks on the pictures, a short resume pops

I generate these dialogs usually with <div ...></div> and a java script
to unhide and position them.

Now, the main area of my web page is a IFRAME which is reloaded based
on the buttons ...
The problem is that this IFRAME is always on top of my dialog window on
SOME browsers. Netscape does it the way I want and places my dialog
window on top. Opera places it on the bottom. This can be observed here:


I have found a temporary solution by replacing the <div ..></div> with
an iframe block. This however, bring it's own set of problems. Still some
browsers don't render this correctly. This can be observed on the main
active index page of my home page:


I would really like to keep using the <div ..></div> block, but I can figure
out how to force all browsers to draw it on top of an iframe. Check out the
"free ip" page. Click on the 'i' button and you see what I mean ...

Any suggestions how to accomplish this ?

Thanks a lot !
rudi :confused:

11-11-2002, 09:34 PM
Only IE5.5+ and Gecko support z-indexing for IFRAMEs. In other other browsers, IFRAMES among other things (http://www.webreference.com/dhtml/diner/seethru/indexNEW.html) will always show up on top, regardless of z-index set.