During one of our latest projects we came across some specific CSS issues with our client website rendering on IE6 and IE8.
Yes, Internet Explorer is the bane of a web developers life but the browsers prevalence demands we just get on and deal with it.
A Warning on Hacking Your CSS
Hacking your CSS may seem a quick fix for getting your styles to work across browser types, however, you should really be using conditional statements from within your HTML. e.g.
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"
lang="<?php echo LANGUAGE?>"> <![endif]-->
Sets up the C5_EXECUTE constant with a value of true:
IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
IE7.js
Upgrade MSIE5.5-6 to be compatible with MSIE7.
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
IE8.js
Upgrade MSIE5.5-7 to be compatible with MSIE8.
<! - [If lt IE 8]>
<Script src = "http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"> </ script>
<! [Endif] ->
You do not need to include IE7.js if you are using IE8.js
IE9.js
Upgrade MSIE5.5-8 to be compatible with modern browsers.
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
You do not need to include IE7/IE8.js if you are using IE9.js
Upgrade MSIE5.5-6 to be compatible with MSIE7.
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->
IE8.js
Upgrade MSIE5.5-7 to be compatible with MSIE8.
<! - [If lt IE 8]>
<Script src = "http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"> </ script>
<! [Endif] ->
You do not need to include IE7.js if you are using IE8.js
IE9.js
Upgrade MSIE5.5-8 to be compatible with modern browsers.
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
You do not need to include IE7/IE8.js if you are using IE9.js
Css:
Change all background rbg(0,0,0,0) => transparent;
How to make posts in the blog homepage to be displayed with an automatic "read more" button and a thumbnail. To be more specif...