ansaurus

Question

IE conditional in the stylesheet

Answer 1

+3 A:

Yes, there is.

.myclass { *margin: 1px; }

This works for IE6 and IE7, do you need a hack for any other specific version?

Sergey Ilinsky 2010-07-27 13:10:28

this worked great (for IE7 too). thanks

aeq 2010-07-27 13:11:32

I haven't tested this in IE8, but a hack for that version would be great too

aeq 2010-07-27 13:13:02

@aeq: So show Sergey some love and accept his answer already.

Robusto 2010-07-27 13:13:34

I will once the site allows me to accept it

aeq 2010-07-27 13:14:07

Answer 2

+1 A:

Sergey is correct with that CSS hack, check this page out to see why it works. http://www.webdevout.net/css-hacks

Also, try this, It's more of a 2 part setup and involves a bit of markup, but is (in my opinion) cleaner and more flexible than CSS hacks and IE only stylesheets.

In the HTML, add an extra div (a few for each version of IE you want to target)

<body>
<!--[if IE 6]> <div class="IE6"> <![endif]-->
<!--[if IE 7]> <div class="IE7"> <![endif]-->
...
<!--[if IE 7]> </div> <![endif]-->
<!--[if IE 6]> </div> <![endif]-->
</body>

Then in your stylesheets, you can add classes inline to target the IE versions.

.className { ... some styles ... }
.IE6 .className { ... some styles to fix IE6 only ... }
.IE7 .className { ... some styles to fix IE7 only ... }

It's a bit of a twist on the conditionally stylesheets, only conditional styles.

cburyta 2010-07-27 13:20:53

You have 2 ``... did you mean one for `IE 6` and another for `IE 7`?

Hristo 2010-07-27 13:25:37

Yeah, good catch, I did mean to have 2 different closing IE if statements for the divs. And... updated.

cburyta 2010-07-27 15:05:09

ansaurus

tags:

views:

answers:

IE conditional in the stylesheet

related questions