Browser Conditional CSS Stylesheets

Question

Im trying to use conditional stylesheets to target different versions of IE.

I have the following

<!--[if IE 7]>
<link href="_includes/css/ie7.css" rel="stylesheet">
<![endif]-->
<!--[if gte IE 7]>
<link href="_includes/css/ie7.css" rel="stylesheet">
<![endif]-->
<!--[if lte IE 7]>
<link href="_includes/css/ie6.css" rel="stylesheet">
<![endif]-->

Which works okay, but in IE8 it seems to pickup ie6.css and I cant for the life of me figure out why. Has anybody any idea?

Thanks

Ive also used

<!--[if IE 8]>

with no luck

See if this helps: stackoverflow.com/questions/5835485/css-for-ie-8-only — Joeblackdev
– Joeblackdev, Commented Aug 3, 2011 at 10:32
"Has anybody any idea?" No, it can't be… But another hint: if IE 7 and if gte IE 7 both includes ie7.css, so its doubled somehow; — feeela
– feeela, Commented Aug 3, 2011 at 10:33

Jon Grant · Accepted Answer · 2011-08-03 10:33:18Z

2

lte means less than or equal to, therefore you probably want:

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

I'd guess it's possible IE 8 is identifying as IE 7 because it's in compatibility mode. Check your DOCTYPE is correct.

answered Aug 3, 2011 at 10:33

Jon Grant

11.5k2 gold badges40 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Liam · Accepted Answer · 2011-08-03 10:32:14Z

1

Ahhh I figured it out!

<!--[if IE 6]>

answered Aug 3, 2011 at 10:32

Liam

9,88340 gold badges116 silver badges214 bronze badges

Collectives™ on Stack Overflow

Browser Conditional CSS Stylesheets

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related