IE specific css in CSS file

Question

I want to add ie specific css to a css file.

.center{
margin-top:-40px !important;
}

I tried adding

 .ie .center{
    margin-top:-40px !important;
    }

But this solution doesn't work.Is there any way to do this.

Referred this link stackoverflow.com/questions/11173106/apply-style-only-on-ie and tried it @Paulie_D — abinaya
– abinaya, Commented May 6, 2014 at 10:22
Doesn't answer my question...how are you adding the .ie class? Remember conditional comments are only IE9 and below. — Paulie_D
– Paulie_D, Commented May 6, 2014 at 10:24

biolarnative · Accepted Answer · 2014-05-06 10:29:14Z

1

You need to write html IF condition that check if the browser of the client is IE.

Just so you know it will look for all versions of Internet Explorer. In any case I do not recommend using this method, it's best to one css file for all browsers.

answered May 6, 2014 at 10:29

biolarnative

18812 bronze badges

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

Comments

Jay Patel · Accepted Answer · 2014-05-06 10:56:42Z

1

use this. you can use this in your normal style.don't need to make other css file for IE.

.center{
    margin-top:-40px;   /* IE9 and below */
    margin-top:-40px\9; /* IE8 and below */
    *margin-top:-40px;  /* IE7 and below */
    _margin-top:-40px;  /* IE6 */
}

answered May 6, 2014 at 10:56

Jay Patel

5,7931 gold badge19 silver badges20 bronze badges

1 Comment

abinaya Over a year ago

I need ie specific css for ie10 also

Animesh · Accepted Answer · 2014-05-06 12:35:17Z

0

Add this in your head tag

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

And paste your css in ie.css

.ie .center{
    margin-top:-40px !important;
}

If you want to target specific versions of IE then for example

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

and your respective css in ie10.css would be

.ie10 .center{
        margin-top:-40px !important;
}

Get more IE specific hacks here and here

edited May 6, 2014 at 12:35

answered May 6, 2014 at 12:19

Animesh

1,03311 silver badges20 bronze badges

Comments

valerio0999 · Accepted Answer · 2014-05-06 10:33:37Z

0

you can either make ie only external stylesheets to target specific versions of IE (or all): http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

or you can use css hacks for specific IE versions: http://css-tricks.com/snippets/css/browser-specific-hacks/

or better, one stylesheet for everybody (best solution)

answered May 6, 2014 at 10:33

valerio0999

12.3k7 gold badges33 silver badges59 bronze badges

Comments

user3546727 · Accepted Answer · 2014-05-06 11:14:19Z

0

Before I placed my answer, I took a look at the other answers posted and I saw your comment

" I need ie specific css for ie10 also"

So I must tell you now that Conditional Comments (that's what those IE specific css appliers are called) were disabled for IE10 and higher since in their point of view, since IE10 they fixed most of the bugs and there was no more need for them.

answered May 6, 2014 at 11:14

user3546727

Collectives™ on Stack Overflow

IE specific css in CSS file

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related