CSS Tooltip > Posts >

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

Kristian

8 months ago
Viewed: 1109

3

Useful

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!!!

8 months ago

John Edit

3

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;

}

8 months ago

Kristian Edit

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

8 months ago

Kristian Edit

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

New Answer