I love the Paul Irish CSS classes for IE as an alternative to conditional stylesheets. IE9 not yet all that and a bag of chips. I have at least one IE7-8 CSS issue on a site that is happening in IE9 (and not any non-IE browsers). I need an IE9 (lt-ie10?) class, too. Thanks.

CommentFileSizeAuthor
#3 zen.ie9_.1780324.patch657 bytesrudy.barrett

Comments

echoz’s picture

echoz commented
Category: feature » support
Status: Active » Closed (works as designed)

I believe this is a rare edge case need so I'd like to suggest you could add that as custom for your project, or perhaps we can help find a css fix. Reopen as a support request here or in the Post Installation forum if you still need help.

hanpersand’s picture

hanpersand commented

I altered the markup and handled it differently and resolved the problem that way. Thanks for your response!

rudy.barrett’s picture

rudy.barrett commented
StatusFileSize
new zen.ie9_.1780324.patch657 bytes

In case anyone needs it, I have created a patch to add an "ie9" class on the case of [if IE 9] to the Zen theme. I think this should be a part of the Zen templates because if even one case arises where you need an ie9 specific style (which does still happen) this class will come in very handy.

Thanks!

chrisschaub’s picture

chrisschaub commented

+1 for #3, very useful. Also, makes the IE9 rule useful, otherwise remove it?

hanpersand’s picture

hanpersand commented

I would like to see this get added to Zen if possible. IE9 doesn't support some key CSS3 properties that are now otherwise ubiquitous like gradients and text shadows. Though there's the proprietary MS filter for gradients, PIE, and other solutions, personally I don't like to use them if I can avoid it. Sometimes I like to tweak a graceful degradation in IE7-8 to make it a little more user friendly, especially if a site has a good number of IE users.

In any case, thank you @rudongg!

akalata’s picture

akalata commented
Category: support » feature
Status: Closed (works as designed) » Needs review

+1 for this as well. I don't agree that this is an edge case. Reopening as a feature request so it pops up on a maintaner's radar.

susheel_c’s picture

susheel_c commented

Would definitely like to see this in Zen. I'm currently wrangling with a CSS issue that displays on IE 10 right down to IE 6, but does not appear with any other browser. Perhaps an "ie" class?

mattsmith3’s picture

mattsmith3 commented

+1 for #3- solved some problems for me too.

rootwork’s picture

rootwork
he/him
Primary language English
Location 🇺🇸 US-Pacific 🌎 Chinook (Multnomah, Clackamas) & Cowlitz lands 🌹 Portland, OR
commented
Version: 7.x-5.1 » 7.x-6.x-dev

+1 on adding an IE9 class. I also have a site that needs some things targeted directly to IE9. It seems like a pretty minimal thing to add to support that kind of work, even if it doesn't happen with every site.

On the patch from #3:

+++ b/templates/html.tpl.php
@@ -11,6 +11,7 @@
+<!--[if IE 9]><html class="ie9" <?php print $html_attributes; ?>><![endif]-->
 <!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html <?php print $html_attributes . $rdf_namespaces; ?>><!--<![endif]-->

Shouldn't the last line be modified to gt IE 9, not gte IE 9? It seems like the way it is, it will result in two <html> elements for IE9, since it would match both "if IE 9" and "if gte [greater than or equal to] IE 9."

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Version: 7.x-6.x-dev » 7.x-5.x-dev
Status: Needs review » Closed (won't fix)

I've never needed an IE9 or IE10 class. And if you are worried about missing CSS3 support, you are better off using Modernizr since it allows you to target the actual missing CSS3 property instead of browser sniffing.