Oh no another browser, more CSS issues!
When your website is not rendering correctly in IE 6, 7 and 8 it’s quite annoying but you can fix any compatibility issues by using the conditional statements to link to alternate css stylesheets. Here’s an example from the Jealous Design website for our Internet Explorer stylesheet e.g:
<!–[if IE]>
<link href=”css/stylesie.css” rel=”stylesheet” type=”text/css” />
<![endif]–>
Now there’s a new problem and it’s called Google Chrome! Some things tend to render a little differently in Google Chrome and there’s no conditional statement (like the one above)…
So what to do if your having issues with a website not rendering properly in Google Chrome?
Luckily Google Chrome uses the same Rendering engine as Safari so all you need to do is add the following conditional statement in your head tags:
<!–[if Safari]>
<link href=”css/stylessafari.css” rel=”stylesheet” type=”text/css” />
<![endif]–>
Problem solved! Yay!
Related posts: