Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2002
    Thanked 0 Times in 0 Posts

    Question bringing to front

    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 !

  2. #2
    Senior Coder
    Join Date
    Aug 2002
    Thanked 0 Times in 0 Posts
    Only IE5.5+ and Gecko support z-indexing for IFRAMEs. In other other browsers, IFRAMES among other things will always show up on top, regardless of z-index set.
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts