Conditional IF Statement in HTML

Hi Everyone

I am getting ready to launch a new site however Internet Explorer is messing up the CSS. The CSS works fine in Chrome, Safari and Firefox.

One of my friends suggested I use a Conditional IF statement and create a separate CSS stylesheet.

I have created a separate CSS sheet and used the following code to link it just for IE:

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

Then placed the original stylesheet underneath this.

For some reason IE is not picking up this action.

Can anyone offer an suggestions please ??????
Thanks in advance :)

Hi, have you tried this...

HTML Code:

---

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

---

For mine, I place the original stylesheet reference above the IE one. Works fine then - that's using <!--[if lt IE 9]> as I have some CSS3 elements that don't work in older versions.

Your comments are messed up. As per @Captain_Slow you need to alter your original to something like this:

Code:

---

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

---

More info here:

http://www.quirksmode.org/css/condcom.html

This appears to have worked thanks so much for a quick response. I am going to be styling the sheet later on so will let you know Many Thanks :)