IE6 issues with new site

studio 180 shows with a grey box, that's because its a transparent png which ie 6 doesn't like.

put this code in the head of your page
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

then rename the logo so the name ends with -trans.png so like logo-trans.png

The other issue is the ie6 box rule. Basically ie6 looks at widths differently to other browsers

Your floated elements are being pushed down because of this. That script may sort this I'm not sure (the idea of the script is basically to make ie6 behave like ie7)

if not you can create separate styles for ie6 adjusting the margins and widths as needed.

like

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" />
<![endif]-->

or better still change the body class for ie 6 then you can use the same stylesheet

see here Conditional classnames

that class names bit is nicked from Harrys site which is a great reference Web Design+ &mdash; Tips and advice on web standards development
 
Back
Top