Firefox CSS Issue

Discussion in 'HTML & Website Design' started by twalters84, Sep 1, 2009.

  1. #1
    Greetings,

    I have an issue on my website where a tooltip is hovering behind a flash file. At first, I thought setting the wmode to opaque or transparent would fix the issue.

    Business Map Search (click the country label to display the tooltip)

    I created a test page with just the basic elements on the webpage. I found that the following segment of CSS code is causing the problem:

    #col-r
    {
    position: relative;
    }

    I tried setting z-index values on both the left and right columns - but had no luck.

    I also noticed this issue only appears in Firefox. The tooltip hovers in front of the map in IE.

    Does anybody know how to fix this issue? Any suggestions would be greatly appreciated.

    Sincerely,
    Travis Walters
     
    twalters84, Sep 1, 2009 IP
  2. nyxano

    nyxano Peon

    Messages:
    417
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I just tried it on my Firefox (ver 3.5.2) and it worked fine! The pop-up tool tip was on top of the flash map and I could see it no problem.

    One think you might want to think of though is making the Tool Tip appear onmouseover and disappear onmouseout. It is not natural for someone to click the label of a drop down box, they'd just click the drop down itself. Also, I clicked it and the tool tip appeared and when I moused away to look at something else, the tool tip remained until I clicked the label again.

    Tool tips are generally onmouseover as that seems to be the most common way amongst websites. But it is up to you... just my opinion.
     
    nyxano, Sep 1, 2009 IP
  3. shworth

    shworth Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Worked fine in my firefox too - 3.5.2 as well
     
    shworth, Sep 1, 2009 IP