Hack padding-right for IE 7

Question

I want to put padding-right:10px to my style for only IE , but I don't want other browsers to render this padding. Any solution to define padding only for IE, but protected from Firefox, chrome, and others?

Answer 1

Use conditional comments.

Edit: If you really really want to hack the CSS - which you shouldn't - use

* + HTML .myClass {}

Which will target IE7 (I don't know how this works with IE8 in either mode - so please don't do it.)

Answer 2

Conditional IE Rules.

<!--[if IE 6]>
<style type="text/css">
  /*For example, this creates special instructions for IE 6*/
  .myDiv { padding-right: 10px; }
</style>
<![endif]-->

Make sure to respect the flow of your rules. You'll want this value to override any previous padding-right value, so place this after your other rules. Or you can add !important after the rule, giving you:

<!--[if IE 6]>
<style type="text/css">
  .myDiv { padding-right: 10px!important;
</style>
<![endif]-->

Stackoverflow Archive:

• Do you put IE conditionals in the css file or in the html file?
• CONDITION CSS differentiate between IE6 to IE7
• Is there a way to do browser specific conditional CSS inside a *.css file?
• How can I have a CSS style different for IE6?
• css conditional formatting
• IE CSS alignment issues
• Why should I use conditional stylesheets?

Answer 3

we use

//padding-right: 10px;

I guess every special character is ignored by every other browser..

Answer 4

At webdevout.net there is a very thorough article examining the pros and cons of CSS hacks.

Answer 5

Read this and check that solves your problem. http://praveenbattula.blogspot.com/2009/05/ie-hacking-apply-styles-only-to-ie.html