Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jul 2004
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Wtf ? How To Overcome This?, Iframe blocking my dropdown window!!!

    how can i fix what you see at

    http://voodoox.elitehost.us/VoodooX/About%201.php

    The dropdown menu which appears when u move over a link in the Navigation Menu on the rigth side is blocked by the iframe is there a way to overlap it on the iframe sumhow ? Ive used the menu and navigation script at dynamic drive. Thx in advance

  • #2
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, two options that I can think of:

    #1 - Don't use an iframe for your content, as they're really just annoying
    #2 - wrap your sub-menu items with an iframe and set z-index to, oooh say, 10?

    I'm pretty sure nothing will go over an iframe (not in IE, anyway) except of course for another iframe with a higher z-index. Give that a shot. There's a link somewhere to this iframe-sub-menu-fixing idea but I can't remember it Hopefully someone'll help there. But I'd just lose the iframe.

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    In IE5.5 and IE6, and mozilla builds 1.1 for windows or linux, any object can go above an iframe if its z-index is higher.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #4
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Doh, believe I've confused the iframe with the <select>... Only an iframe goes above a select, right? Oy...

    By the way, z-index is set like so:

    <div style="z-index: 10;"></div>

  • #5
    New Coder
    Join Date
    Jul 2004
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool

    Umm thx i tried it it doesnt work

  • #6
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <html>
    <head>
    <div style="z-index: 10;"></div>
    ...
    </head>
    Oh dear... The z-index property belongs in your stylesheet, and needs to be in the sub-menu's div selector. Judging from your site's source code, you may not know what that means. So, I'm just going to suggest you ditch the iframe method, and proceed to http://www.w3schools.com/html/html_www.asp and begin learning more about HTML

    I realize I could just give you the answer, but I don't think that'd help you in the long run. Just check out the HTML tutorial, then proceed to the CSS tutorial. By then you'll probably know how to fix it yourself, and you'll be much better off for it.

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts

    A real solution

    See this thread for a solution (thanks to Brothercake) that works and doesn't require you to go to extreme lengths.

    http://www.codingforums.com/showthre...threadid=28261
    Check out the Forum Search. It's the short path to getting great results from this forum.


  •  

    Posting Permissions

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