SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Barefoot on the Moon! silver trophy
    Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,516
    Mentioned
    51 Post(s)
    Tagged
    1 Thread(s)

    jQuery slideup/slidedown doesn't work in IE with position:relative

    I made this quick 12sec/600KB screencast to help illustrate what's happening:

    http://www.speedyshare.com/data/4623...fox-vs-ie7.mpg

    There is a hidden div that contains the fieldset. The slide is applied to the div.

    In Firefox, the element that has the slideDown/SlideUp effect applied works fine.

    In IE7, the element just appears, then the elements around it slide (which appears broken)

    The fieldset element has a position:relative property (which is needed for fixing CSS bugs on the legend tag)

    If I remove the position:relative property, slideUp/slideDown works fine in IE7 (but breaks the legend tag)

    Is there a way around this without having to remove the position:relative property?

  2. #2
    Barefoot on the Moon! silver trophy
    Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,516
    Mentioned
    51 Post(s)
    Tagged
    1 Thread(s)
    Nevermind, I seem to have solved it.

    Adding position:relative and zoom:1 to the div containing the fieldset seems to have worked.

  3. #3
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks mate you saved my life! That works!!!

    I was becaming crazy with that wierd behaviour with IE7...

    looking for a solutions for days!

    Thanks!


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
  •