Recently I’ve had to make some specific changes for certain layout elements not working on a paticular web site. I had to have the identical layouts on IE 6 and Firefox. Another needed identical layout with IE 7 and Firefox and the latest one needed identical layout between IE 7 and IE 6.

So of course I’m browsing the web looking for that elusive script of how to do this since its been a while since I’ve done multi-browsered web sites. I finally found something using conditional comments.

Conditional comments have been out for quite a while. They are supposed to work in IE 5.5 and up. I found a site with a good list of some sample conditional comments. The site is called Quirks Mode.

Here is a sample of the conditional comments listed on Quirks Mode.

<p><!–[if IE]>
According to the conditional comment this is Internet Explorer<br />
<![endif]–>
<!–[if IE 5]>
According to the conditional comment this is Internet Explorer 5<br />
<![endif]–>
<!–[if IE 5.0]>
According to the conditional comment this is Internet Explorer 5.0<br />
<![endif]–>
<!–[if IE 5.5]>
According to the conditional comment this is Internet Explorer 5.5<br />
<![endif]–>
<!–[if IE 6]>
According to the conditional comment this is Internet Explorer 6<br />
<![endif]–>
<!–[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]–>
<!–[if gte IE 5]>
According to the conditional comment this is Internet Explorer 5 and up<br />
<![endif]–>
<!–[if lt IE 6]>
According to the conditional comment this is Internet Explorer lower than 6<br />
<![endif]–>
<!–[if lte IE 5.5]>
According to the conditional comment this is Internet Explorer lower or equal to 5.5<br />
<![endif]–>
<!–[if gt IE 6]>
According to the conditional comment this is Internet Explorer greater than 6<br />
<![endif]–>
</p>