« Installing Java on Ubuntu Intrepid
Wee CSS Tidy Textmate Bundle »

Jquery Tiptip IE6

May 6th, 2010 by pyrat

Tiptip is a nice jquery plugin for displaying tooltips in a simple and elegant manner. All you need to do is set the title attribute with the tooltip content then give it a class name so it it picked up by the tooltip initializer.

However, it currently doesnt work in IE6 that well. Although users are falling I think you still need at least rudimentary support for IE6.

Create a conditional comment which includes a stylesheet load in your document header.

  <!--[if IE 6]>
     <link href="/stylesheets/ie6.css?1273083940" media="screen" rel="stylesheet" type="text/css" />
   <![endif]-->

And add the following rules to the stylesheet.

This entry was posted on Thursday, May 6th, 2010 at 7:38 am and is filed under Javascript. You can leave a response, or trackback from your own site.

4 Responses to “Jquery Tiptip IE6”

  1. Dustin Says:
    July 20th, 2010 at 4:22 pm

    This is a great tip. I also recommend adding this:

    #tiptip_holder {
    width: 200px;
    }

    To keep the boxes small.

  2. Satty Says:
    August 20th, 2010 at 1:06 pm

    Thanks a ton man ! You made my day. I was pulling my hair over this IE6 thing… U r GOD :)

  3. Clinton Green Says:
    June 17th, 2011 at 12:00 am

    Thanks so much, I was about to hack it myself when I found your code. Cheers

  4. Jim Says:
    July 23rd, 2011 at 1:40 am

    This is easier, just add this in the HTML somewhere so you don’t have to link another stylesheet.