Problems with jQuery accordion in IE7

Discussion in 'Scripts' started by esedic, Mar 15, 2011.

to remove all ads.
  1. esedic

    esedic New Member

    Messages:
    1
    I have a problem with jQuery accordion in IE7.

    It's based on this example: http://www.stemkoski.com/stupid-simple-jquery-accordion-menu.

    The thing is that element that slides down doesn't push down bottom element, instead it overlaps it.

    You can see this here: link

    This happens only in IE7 (forget about IE6).

    I'm banging my head for two days now and I can't get it to work. Any help would be greatly appreciated.
     
  2. stemkoski

    stemkoski New Member

    Messages:
    1
    Fix

    It sounds like a float issue. The accordion menu uses floats and if your net element is not floated then the accordion is going to go over top of the next element inline. Floating that element should allow the content below the menu to push down. You could also try removing the float from the accordion menu.
     
  3. bcee

    bcee New Member

    Messages:
    367
    May be way off but I peeked into your code and the Doctype is not correct and IE7 in quirks mode is a pain in the ass to say the least.

    You have:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
    
    Replace with:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
     
  4. mikedouglasdev

    mikedouglasdev New Member

    Messages:
    1
    I am having the same problem. Were you able to get this fixed?

    Hi,

    I am running into the same problem anytime I set the background color of on of a container of the accordion. Were you able to get this fixed or figure out a workaround?

    Thanks,
    Mike
     

Share This Page