No public Twitter messages.

Updated Dean Edwards’ IE7 Scripts

As I have noted in previous posts: Using Dean Edwards’ IE7 Script, The Ultimate PNG Guide, I am a big advocate of the Dean Edwards’ IE7 scripts.

Thankfully, Dean has improved them even more. Instead of having a ton of different JavaScript files with large file sizes, he has compressed them into two light-weight JavaScript files.

The are now two scripts, IE7.js and IE8.js, and they are hosted on Google Code. The IE7.js file “fixes” IE5 and IE6 so that it is up to par with IE7. Then, IE8.js adds in some additional functionality that is missing from IE7. Note: If you include IE8.js, you do not need to include IE7.js.

Usage

There are a couple of different options here, you can either download the files and place them on your server or link directly to the Google Code version.

Option 1: Download Files

  1. Download the ZIP file.
  2. Extract the IE7 folder to the root of your server.
  3. Include the script in the head of your document:

    <!--[if lt IE 7]>
    <script src="/ie7/IE8.js" type="text/javascript"></script>
    <![endif]-->

    In this example, I am targeting all versions of Internet Explorer less than IE7, and applying the IE8 script to it. Or, you could apply the IE7 script instead, I just wanted the advanced CSS functionality.

    You could also set it so that it is applied in IE7 as well:

    <!--[if lte IE 7]>
    <script src="/ie7/IE8.js" type="text/javascript"></script>
    <![endif]-->
  4. Open IE6 and enjoy some things not being broken.

Option 2: Link to Google Code Files

  1. Find the version of the file you want to use
  2. Copy the URL, ex: http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js
  3. Include the script in the head of your document:

    <!--[if lt IE 7]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
    <![endif]-->
  4. Smile, you just “fixed” IE6.

Hopefully that should get you started with what you need. My previous articles: Using Dean Edwards’ IE7 Script, The Ultimate PNG Guide have some other details about the previous version of the script, some of which still apply.

Let me know if you have questions.

Share This:
  • del.icio.us
  • Digg
  • Twitter
  • Facebook
  • StumbleUpon
  • Google Bookmarks
  • NewsVine
  • Technorati
  • Reddit
  • LinkedIn

RSS feed of comments for this entry

  1. Can u explaing how we can get rid of some common IE 6 problems with ie7.js and

    What other extra features IE8.js gives us?

  2. @jitendra-
    I would recommend checking out the notes on Dean Edwards’ site.

  3. @jitendra vyas-
    No, you do not need those other scripts. The IE7 scripts add :hover support for all elements.

  4. But i’m using ie.js here http://booker-group.training.investis.com/ but submenu not working. I added this code

    • 2.13.2008 at 9:14 pm
    • #

Speak Your Mind

* Denotes Required Field

  1. To post code snippets, use <pre><code>YOUR CODE HERE</code></pre>
Me, Trevor Davis. My blue steel face…

Hi, I’m Trevor Davis

I’m a 25 year old Front-End Developer living in Arlington, VA. I work full-time at Viget Labs and freelance on the side.

I specialize in CSS, HTML, jQuery, WordPress & ExpressionEngine. See more of my work, and then hire me.

Recent Work

  • 4th District IBEW Health Fund
  • Employers Council on Flexible Compensation
  • Monica Davis
  • The National Christmas Tree
  • Matrix Group International
  • The MatriX Files
  • Wireless Career
  • George Washington Wired
  • Direct Selling 411
  • Makeup Bizz
  • InstallNET
  • National Park Foundation
See More of My Work

Asides