Configuration

The various solutions that comprise IE7 are organised into individual modules. Most of the modules are combined in a single package: ie7-standard.js.

Modules

Here is a brief overview of each of the modules:

ie7-core.js

You must include this module. It contains the CSS query engine.

ie7-html4.js

Fixes broken HTML tags.

ie7-box-model.js

Provides support for the W3C box-model. This module also provides support for the CSS properties: min-width, max-width and min-height.

ie7-lite.js

Library containing all of the above modules.

ie7-lite-p.js

Packed version of the above library.

ie7-css2.js

Allows the use of CSS2 selectors.

ie7-png.js

Provides support for PNG alpha transparency. Read my notes for more infomation about the PNG solution. There is also a configuration option available for this module.

ie7-fixed.js

Enables CSS fixed positioning for both background and foregrounds.

ie7-standard.js

Library containing all of the above modules.

ie7-standard-p.js

Packed version of the above library.

ie7-css3.js

Allows the use of CSS3 selectors.

ie7-css-strict.js

All CSS selectors are converted to IE7 classes and the rules are sorted by specificity. This assures strict CSS adherence.

Custom Solutions

You can pick and mix the various modules to build your own solution. Remember that most of the modules are contained in the library ie7-standard.js.

Here is an example:

<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]>
<script src="/ie7/ie7-core.js" type="text/javascript"></script>
<script src="/ie7/ie7-css2.js" type="text/javascript"></script>
<script src="/ie7/ie7-css3.js" type="text/javascript"></script>
<![endif]-->

Global Variables

Further configuration is enabled via JavaScript global variables. Currently there is only one.

IE7_PNG_SUFFIX

// only apply the hack to files ending in "-trans.png"
IE7_PNG_SUFFIX = "-trans.png";

-trans.png is the default setting.