Home/ Questions/Q 6830483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T22:37:23+00:00

I am writing jQuery animation for a cross-browser view effect. I need to tackle

  • 0

I am writing jQuery animation for a cross-browser view effect. I need to tackle IE with the hack property _height and *height. I try to set the property with 

$('#notice_container').css({'_margin-bottom':'auto', 'margin-bottom': '31px'});

But it doesn’t set _margin-bottom as I specified althrough margin-bottom is set.

So, my questions are how to set those IE specified properties with jQuery?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    While not a direct answer of how to implement traditional IE CSS hacks with jQuery, you might be interested in a cleaner solution, outlined here:

    http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

    Basically, you use conditional comments to assign classes to the html element depending on which version of IE is running:

    <!--[if lt IE 7]>      <html class="ie6"> <![endif]-->
<!--[if IE 7]>         <html class="ie7"> <![endif]-->
<!--[if IE 8]>         <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html>         <!--<![endif]-->

    Then target elements like this rather than using hacks:

    $('.ie7 #notice_container').css({'margin-bottom':'auto'});

    Choose ids if you want or different class names. This is a very clean approach to “hacking” IE in general.

    • 0