How we use IE related css without affecting other browsers?

There are three ways to use IE related css without affecting other browsers. Below are the example for browser specific Style Sheet, which targets defined browser.

1) ALL VERSIONS of IE

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

2) Everything EXCEPT IE

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

3) IE 6 ONLY

<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="only-ie6-css.css" />
<![endif]-->
Share On Facebook
Share On Twitter
Share On Google Plus
Share On Linkedin
Share On Pinterest

1 Comment on How we use IE related css without affecting other browsers?

  1. Really great information. It sounds cool. Now a days we all are using modern browsers only. But still some of the surfing people using some lower versions of browsers such as IE7 & IE8 and so on. So this article will really help for the people who suffers from alignment issues. Nice post. Keep going…

Leave a Reply

Your email address will not be published.

*


*