On Java, Python, Groovy, Grails, Spring, Node.js, Linux, Arduino, ARM, Embedded Devices & Web

jQuery Accordian Internet Explorer 6 Issue

Posted by Venkatt Guhesan on January 19, 2010

If you are using the Accordian UI from jQuery and your accordion body (the content in div.ui-accordion-content tag) contains anchor tags then you might experience a few glitches in IE6 where the display might not render properly when selected.

One way to address this issue is the following:
Add this to the header…

.ui-accordion-content{ zoom: 1; }

This will force a refresh of the content when expanded.

The other thing that you may not have is a doctype defined in the header.

Here’s an example of a DOCTYPE defined:


Recommended list of DOCTYPES available.

If you find this article useful, consider signing up for my RSS feed or Email Newsletter. See links on the right side.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: