IE6 issue with animated collapsible DIV

**tcatt11** · 01-29-2008, 04:17 AM

1) Script Title: Animated Collapsible Div

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex...edcollapse.htm

3) Describe problem: I have successfully used this script before, and loved it - a great piece of code!

So, I thought I'd use it on another domain. Easy copy and paste routine, right?

I have installed the script at http://www.conviewsation.com/view_reviews.php. The idea is that all categories from the page show and are used as the links to trigger the hidden DIVs. These DIVs hold links to each subcategory.

I have configured things to have the DIVs hidden on page load, and am using the toggle method of the script.

It works perfectly in Firefox, Mozilla, etc. In IE6, however, you can see everything loads properly, then all hidden DIVs expand to show their content. Clicking the links does not hide them - the DIV flickers, but stays expanded.

I have the DOCTYPE declared (and have tried changing it different types to no avail). I have removed some little pieces from the CSS sheet that I was worried might be messing things up (such as a display:block on all DIVs), but still no dice.

Please tell me that there is some genius here that can help!

Thanks,

Olan

**ddadmin** · 01-29-2008, 11:15 AM

Try removing the code:

Code:

<?xml version="1.0"?>

from the very top of your page. IE6 has trouble interpreting that declaration, and actually throws the page back to legacy mode (as if you've declared no doctype).

**tcatt11** · 01-29-2008, 02:15 PM

As the title suggests, you are a genius! Thank you, thank you, THANK YOU... that fixed it!

**pyromancer3d** · 04-30-2008, 05:46 AM

I've got the same problem here, with only IE, and it flickering, etc.

The Doctype I have is as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

I see it expand (after flickering closed) and I see it collapse, but then flash back open fully.

I've tried an alternate script to accomplish the same thing, but it does not work anywhere near as well, and would much prefer this one, but due to the nature of where the collapsable div is, it obscures normal viewing of the page when opened, so the page is unusable by IE users

**jscheuer1** · 04-30-2008, 05:56 AM

Originally Posted by pyromancer3d

I've got the same problem here, with only IE, and it flickering, etc.

The Doctype I have is as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

I see it expand (after flickering closed) and I see it collapse, but then flash back open fully.

I've tried an alternate script to accomplish the same thing, but it does not work anywhere near as well, and would much prefer this one, but due to the nature of where the collapsable div is, it obscures normal viewing of the page when opened, so the page is unusable by IE users

That's not a DOCTYPE that puts IE into 'almost standards' (as good as it gets in IE) mode. Use:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

or:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

The key is the valid URL (highlighted) to the DOCTYPE definitions file for each DOCTYPE, and of course the particular DOCTYPE itself.

**azaharakis** · 07-11-2008, 03:24 AM

That's not a DOCTYPE that puts IE into 'almost standards' (as good as it gets in IE) mode. Use:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">or:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">The key is the valid URL (highlighted) to the DOCTYPE definitions file for each DOCTYPE, and of course the particular DOCTYPE itself.

I'm having the same problem and i know my doctype is valid as i have used this script quite a few times before, just basically wanted to know if this is the only reason this annoying flicker happens in ie or could there be something else?

Thread: IE6 issue with animated collapsible DIV

Thread Tools

Search Thread

IE6 issue with animated collapsible DIV

genius!

Same problem, different fix?

Bookmarks

Bookmarks

Posting Permissions