SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE suckerfish problem

    Hi all,

    I am using the suckerfish dropdown for a site and am having problems in all IE browsers. Basically, as soon as the suckerfish menu content interacts with any content below it, the hover is lost and the menu disappears. You can see this if you hover on "about lifebook" on the main nav of the page posted below.

    I have read that the solution uses z-index, however, I have tried all sorts of fixes using z-index without luck. One solution said to just make the top nav area z-index 1 and the content area z-index 2. I have tried this as well as stacking all my elements and the menu always disappears in IE. Any help in solving this issue would be greatly appreciated!

    Again, click on "about lifebook" in any IE browser to see what I'm talking about...

    http://www.jontakiff.com/suckerfish/

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,809
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    IE likes dropdowns to have a background so make yourself a 1px x 1px fully transparent gif and use this:

    Code:
    #main-nav li ul {
        position: absolute;
        width: 10em;
        left: -999em;
        background:url(fake.gif) no-repeat -1px -1px;
    }
    The image doesn't actually have to exist but you would get missing image in your server logs (if you care).


Bookmarks

Posting Permissions

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