CODEWITHSUNDEEP
cssinternet-explorerie8-compatibility-mode
Jeff
Jeff

Reputation: 2861

IE7 / IE8 Compatibility mode specific CSS

We recently redesigned our public-facing site, however one item was not fully communicated.

A certain portion of our site uses some of the newer display types in CSS. This looks fine in almost all browsers, but not in IE8's compatibility mode or in IE7.

This wouldn't be an issue, except the miscommunicated item was that we DO need to support IE7.

For this reason, my initial fix (forcing IE8 into standards mode) was rejected.

I'm currently developing a CSS to override these sections of the page. We want this to be a separate CSS file, not to use CSS hacks within the main stylesheet for maintainability reasons.

My understanding is that I can include this (or not) by using IE's conditional comments to include it only for version IE7 and below. If I use the conditional comment 

<!-- if lte IE 7>

will this also be included with IE8's Compatibility Mode? If not, how do I specifically target IE 8 Compatibility?

Upvotes: 0

Views: 2753

Answers (1)

Marat Tanalin
Marat Tanalin

Reputation: 14123

At least in IE9, IE does function as IE7 as for conditional comments. For example, with following code:

<!--[if IE 7]>IE7.<![endif]-->
<!--[if IE 8]>IE8.<![endif]-->
<!--[if IE 9]>IE9.<![endif]-->

"IE7" will be shown in IE9 working in compatibility view mode triggered via a button at the right of location bar.

Update: just tested in IE8 — it does the same as IE9.

Upvotes: 2

Related Questions