Search code examples
htmlcsstooltipjquery-tools

Jquery tools tooltip misplaced

I am facing an issue with Jquery Tools Tooltip. You can see on : http://www.toulousehoopsummit.com/l-ecole-en-basket

The 3 pictures at the bottom have a tooltip. In IE9 and FF12, the tooltips are too much on the right. In Safari, it is correctly located.

I had to add offset: [0, -450] to fix the problem on IE and FF but Safari users face now the inverse issue.

Do you have any idea why I get this and how I can fix it ?

Thanks in advance.

Solution

  • Try the CSS Browser Selector - this has saved my projects many times.

    Just put the JS file in, and your <html> will have added css selectors such as .ie .safari3 etc without having to actually debug the jQuery Tools Tooltip.

    It will let you tweak your CSS according to browser version and OS.

    Comment if you need any help with this!