Browser conditional css comment and IE 9

Question

I'm having a strange issue.

I am using Internet explorer 9 and just changing the browser mode to IE 7 or IE 8 etc ...

My problem is that I've added:

<!--[if lt IE 7]>
<link type=\"text/css\" rel=\"stylesheet\" href=\"/styles/ie7.css\" />
<![endif]-->

but it's not changing to the conditional css file when in IE9 's IE7 browser mode...

Is this normal?

Why would you need to manually switch IE9 into IE7 mode? Write your website to use IE9's standards mode and let the IE7 stylesheet only be used in IE7. — RoToRa
– RoToRa, Commented Apr 27, 2012 at 14:15

SLaks · Accepted Answer · 2012-04-27 14:12:18Z

9

if lt IE 7 will match IE6 (or lower).

To match IE7, use lte (less than or equal)

answered Apr 27, 2012 at 14:12

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

Code Maverick · Accepted Answer · 2012-04-27 14:22:05Z

@SLaks is right about the error you are receiving.

I would like to add to that by showing you a better way to target IE:

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]><html class="ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if IE 10 ]><html class="ie10" lang="en"><![endif]-->
<!--[if !IE ]><!--><html class="non-ie" lang="en"><!--<![endif]-->

The benefit of doing it this way is that you get to keep the best practice of only using 1 stylesheet. You simply preface your target with the corresponding IE class you want to hack.

For example: .ie6 #target-id

For a more in depth explanation, check out Paul Irish's article:

Conditional stylesheets vs CSS hacks? Answer: Neither!

Collectives™ on Stack Overflow

Browser conditional css comment and IE 9

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