Hiya

 

When i test some my sites across IE 6,7 8 they are fine when i test one i did for my dads across IE 6 the links appear a bit further apart than other browsers and versions of IE. A member gave me some advice on how to fix it but it didnt seem to solve the problem, not sure if i carried out correctly. I was just wondering what you insert into your code for it to render properly in IE6.

 

Also when i veiw the site in IE 5.5 and lower it is a complete mess, is this a cause for concern? I have been reading that IE5 and lower is a thing of the past.

 

The site is http://www.grahamcherriebutcher.com

 

Any help appreciated

 

Thanks

The best solution is to use conditional comments so that you can specify a different CSS stylesheet for IE 6 or lower. This can be done by inserting this in your head section:

 

<!--[if lt IE 7]>

<link rel="stylesheet" type="text/css" href="css/IE6stylesheet.css" />

<![endif]-->

 

This tells the browser that if it is 'lower than' IE 7 then it will use this stylesheet. Now you need to design a IE 6 specific stylesheet and bug test it.

 

Simples.