CSS Internet Explorer only

[Kropotkin]

Hi

Is there a simple way to apply a CSS rule for Internet Explorer only?

I mean in the CSS (not doing browser detect in script)

with thanks

Justin

[karinne]

Of course

Conditional comments

[Kropotkin]

Hi Karrine

Thanks

Is there something I can use in my CSS file rather than in the html?

Justin

[karinne]

It's better to use the conditional comments as "they do not rely on one browser bug to solve another one, as all true CSS hacks do. Besides, they can be used for more than CSS hacks only (though that rarely happens)."

But here's the list of CSS Hacks

[Kropotkin]

Thanks Karrine


I don't like using the hacks either : could I not just use an IE CSS expression and FF will ignore it? Like so:

Code: Select all

 
top: expression("1px"); /* FF will ignore this */

Thanks

Justin

[karinne]

If it's an IE-only property, then ... it's an IE-only property.

If however it's a property decided by the W3C and you only want IE to use it, then, use the conditional comments.

[Kropotkin]

Ok

But what is wrong with using an expression? If only IE understands 'expression' then surely I'm ok?

[karinne]

Nothing wrong with using it ... as a matter of personal preference, if I were to use IE-only properties, I put them in a separate IE-only stylesheet.

[Kropotkin]

ok. i think you are right. I'm just at work and my hands are tied... lol