IE cross browser compatibility problem.

Question

i have a problem in using IE. Everthing is good in using firefox but IE 6 seems to be creating more trouble for css. so i used

<![if !IE]>
<link href="ie6.css" rel="stylesheet">
<![endif]>

To fix a problem but it doesnot work. Anything wrong in this code? Because when i altered this css nothing has changed in IE.

Answer 1

Change:

<![if !IE]>      ! means not IE there

To:

<![if IE]>        means if it is IE

to use IE-based CSS.

Answer 2

Well, your conditional comment says "if not IE".
Also note that you're using a downlevel-revealed conditional comment, which means every browser (except IE) will include the extra CSS file.

Use <!--[if IE]><![endif]--> instead.

Answer 3

Is the ie.css placed after any other css files? If you have placed it before your regular css it will be overridden. It should look something like this:

 <link href="other.css" rel="stylesheet">
 <![if IE]>
     <link href="ie6.css" rel="stylesheet">
 <![endif]>

Answer 4

Try

<!--[if lte IE 6]><link href="ie6.css" rel="stylesheet"><![endif]-->

Answer 5

I'm using this;

<!--[if IE 6]>
this place for your stuff.
<![endif]--> 

Answer 6

Try using this condition statement:

<!--[if lt IE 7]>
    <link href="ie6.css" rel="stylesheet">
<![endif]-->

Basically its saying if the browser is less than IE7 then use this style sheet. Works for me.

Answer 7

If you're going for IE 6 specific CSS, I would do:

<!--[if IE 6]>
    <link href="ie6.css" rel="stylesheet">
<![endif]-->

Here's some more information on conditionals: http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx