Results 1 to 6 of 6

Thread: IE6 issue with animated collapsible DIV

  1. #1
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE6 issue with animated collapsible DIV

    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

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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).

  3. #3
    Join Date
    Jan 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Talking genius!

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

  4. #4
    Join Date
    Apr 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Same problem, different fix?

    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

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by pyromancer3d View Post
    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Jul 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •