CSS Tooltip / Posts /

I have problems with the tooltip get's the wrong position

24
I have problems with the tooltip get's the wrong position if it's placed inside a div with a scrollbar. When the div is scrolled the tooltip is placed below where it should with the same height as it's scrolled. Please help me!!

Very nice otherwise!!!
Kristian  5 years ago   viewed: 14709    

3 Answers

-8
You can try wrap each tooltip with a <span class="tooltipWrapper">...</span>, for example:
<span class="tooltipWrapper">
    <a href="http://www.bokamera.se/Tooltip.aspx#" class="tooltip" style="float:right;margin-left:10px;">
        <img src="./Tooltip.aspx_files/help.png" style="border-style:none;">
        <span id="Span1">
            <img class="callout" src="./Tooltip.aspx_files/callout.gif">
            Tooltip two is NOT working fine
        </span>
    </a>
</span>
And also specify the class tooltipWrapper in the CSS as:

        span.tooltipWrapper 
        {
            position:relative;
            display:inline-block;
            
            /*Hack for old IEs*/
            *position:static;
            *display:inline;
        }

John   5 years ago
0
John,, THANKS!
That solved the problem!!!
You made my day... I'm working with the site right now and this saved me a lot of work!
Regards Kristian
Kristian
  5 years ago
0
John,, THANKS!
That solved the problem!!!
You made my day... I'm working with the site right now and this saved me a lot of work!
Regards Kristian
Kristian   5 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: