Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.

I've just done a new html build of a website which is working and displaying nicely in Firefox, IE9, Safari, Chrome. Now comes the hard part of getting it to work in IE8 and IE7.

I have put in some conditional CSS stylesheets for these two browsers:

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css"><![endif]-->

Then I use IE9, the debug tool (F12), set Browser mode to IE7 and Document Mode to IE7 standards. So I put in some css classes into the conditional stylesheet (which should override the ones in the main layout.css file (right?) and refresh the page. However IE doesn't apply or override any styles from the conditional stylesheet at all. I'm just getting the ones in layout.css still being applied and hence nothing is changing.

What gives? How do I debug for these browsers?

share|improve this question

1 Answer 1

up vote 1 down vote accepted

Just check that the path of the IE css file once. And also clear IE browser cache then check out. It should reflect. Finally try dis

            <!--[if gte IE 7]>
            <link rel="stylesheet" href="CSS/filename.css" type="text/css" />
        <![endif]-->

Then you no need to add two files for IE7 and IE8

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.
{"cc_re__cc_re__cc_by_sa_3_0": ["sites in the Stack Exchange network\">Area 51</a></li>\r\n                        <li><a href=\"//careers.stackoverflow.com?utm_source=stackoverflow.com&amp;utm_medium=site-ui&amp;utm_campaign=footerlink\">Stack Overflow Careers</a></li>\r\n                    \r\n                </ol>\r\n            </td>\r\n    </tr>\r\n</table>\r\n                </div>\r\n            </div>\r\n\r\n            <div id=\"copyright\">\r\n                site design / logo &#169; 2014 stack exchange inc; user contributions licensed under <a href=\"http://creativecommons.org/licenses/by-sa/3.0/\" rel=\"license\">cc by-sa 3.0</a> \r\n                with <a href=\"http://blog.stackoverflow.com/2009/06/attribution-required/\" rel=\"license\">attribution required</a>\r\n            </div>\r\n            <div id=\"svnrev\">\r\n                rev 2014.9.23.1883\r\n            </div>\r\n            \r\n        </div>\r\n    </div>\r\n    <noscript>\r\n        <div id=\"noscript-warning\">Stack Overflow works best with JavaScript enabled<img src=\"http://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif\" alt=\"\" class=\"dno\"></div>\r\n    </nos"], "copyright__copyright__copyright": ["ss file once. And also clear IE browser cache then check out. It should reflect. Finally try dis\n\n            <!--[if gte IE 7]>\n            <link rel=\"stylesheet\" href=\"CSS/filename.css\" type=\"text/css\" />\n        <![endif]-->\n\nThen you no need to add two files for IE7 and IE8\n\nshare|improve this answer\n\nYour Answer\n\n\u00a0\ndiscard\n\nBy posting your answer, you agree to the privacy policy and terms of service.\n\nNot the answer you're looking for? Browse other questions tagged or ask your own question."]}