Browser Compatibility Check for Internet Explorer Versions from 5.5 to 8

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.

link: http://www.my-debugbar.com/wiki/IETester/HomePage

Cool PNG fix for IE6

This fix will automatically apply to all background images as well as in img tags:

SuperSleight adds a number of new and useful features that have come from the day-to-day needs of working with PNGs.

* Works with both inline and background images, replacing the need for both sleight and bgsleight
* Will automatically apply position: relative to links and form fields if they don’t already have position set. (Can be disabled.)
* Can be run on the entire document, or just a selected part where you know the PNGs are. This is better for performance.
* Detects background images set to no-repeat and sets the scaleMode to crop rather than scale.
* Can be re-applied by any other JavaScript in the page – useful if new content has been loaded by an Ajax request.


Implementation:

Getting SuperSleight running on a page is quite straightforward, you just need to link the supplied JavaScript file (or the minified version if you prefer) into your document inside conditional comments so that it is delivered to only Internet Explorer 6 or older.

<!--[if lte IE 6]>
<script type="text/javascript" src="supersleight-min.js"></script>
<![endif]-->

Download : http://24ways.org/code/supersleight-transparent-png-in-ie6/supersleight.zip

CSS Hacks

The hacks:


e.g:

*html body { <- only ie6 sees this
color: #FF0000;
}


*:first-child+html body { <- only ie7 sees this
color: #FF0000;
}


body:nth-of-type(1) body { <- only safari and chrome see this
color: #FF0000;
}


body {
_color: #FF0000; <- only ie6 sees this
}

more info: http://www.webdevout.net/css-hacks

How to activate flash object without clicking in Internet Explorer (IE)

1. Create a file, flashIEfix.js and put this code in it:

objects = document.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++)
{
objects[i].outerHTML = objects[i].outerHTML;
}

2. Put this script to your flash html page:
<script type="text/javascript" src="flashIEfix.js"></script>