CODEWITHSUNDEEP
css
Sridhar
Sridhar

Reputation: 1

How can i apply one css property in Internet Explorer

.sample{
   height:15px;
   width:15px;
   margin:10px;
   padding:10px;
   float:left:

   /* this one apply in ie only */
   border:1px solid #fff;
   /* this one apply in ie only */
}

Upvotes: 0

Views: 131

Answers (6)

alekop
alekop

Reputation: 3016

You can add !ie after the style declaration, e.g. .sample {border:1px solid #fff !ie;}. This works on IE 6 and 7, but doesn't work in 8, unless you trick it into IE7 compatibility mode using <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > (just make sure this appears before the CSS).

The cleanest solution though, is to include am IE-specific CSS file.

Upvotes: 1

kobe
kobe

Reputation: 15835

you can simply do the following give some charcter like # or so before it. Firefox ,chrome and other browsers ignore that line but IE executes that.

Give that line at the end of your css so that it will take care. Most of the developers use this hack for margin, padding issues in IE browser

.sample{
   height:15px;
   width:15px;
   margin:10px;
   padding:10px;
   float:left:

   /* this one apply in ie only */
   border:1px solid #fff;
  # border:2px solid #fff;
   /* this one apply in ie only */ for ie it treats as 2px.
}

Upvotes: 0

Matt Ball
Matt Ball

Reputation: 359786

I would recommend using an entirely separate IE-specific stylesheet, to isolate all of the nasty IE hacks you use. Then, in your HTML, you can use a conditional comment to load that stylesheet for IE only.

HTML

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

ie-hacks.css

.sample{
   border:1px solid #fff;
}

Upvotes: 3

Evan Mulawski
Evan Mulawski

Reputation: 55334

If you need to make more changes, and to keep your pages clean, I would recommend using a separate stylesheet for IE.

<!--[if IE]>
//place link to IE stylesheet here.
<![endif]-->

Then make the change inside of the IE stylesheet.

Upvotes: 0

hollsk
hollsk

Reputation: 3137

Use a conditional comment in the head of your HTML document.

<!--[if IE 6]>
.sample {border:1px solid #fff;}
<![endif]-->

Upvotes: 2

Select0r
Select0r

Reputation: 12628

check out "conditional CSS comments"
http://www.quirksmode.org/css/condcom.html

Upvotes: 1

Related Questions