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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS/JS Dynamic Menu

    Hi All,

    I've got one of those wonderful CSS/javascript flyout menu's running on my website which is causing me a little bit of grief in Firefox and Safari.

    Firefox and Safari seem to be placing the 2nd and 3rd level items of the menu underneath all the other content on the page and therefore can't be seen. Seems to work well on Opera and IE.

    Here are the screen shots of what is happening in each browser:

    http://dev.platforminteractive.com.au/cssissue/css_ff.jpg - firefox
    http://dev.platforminteractive.com.a.../css_opera.jpg - opera
    http://dev.platforminteractive.com.a...sue/css_ie.jpg - ie

    You can take a look at the site and the coding behind it at http://dev.platforminteractive.com.au - just in development atm but this nav is causing me some grief.

  • #2
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post
    try css property z-index ?

    http://www.w3schools.com/css/pr_pos_z-index.asp

    try something like

    Code:
    .menu{ z-index:1000;}
    Last edited by zro@rtv; 07-15-2005 at 05:58 AM. Reason: oops
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999


  •  

    Posting Permissions

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