Blog for the Web Programmers » css standards http://blog.chandanweb.com A useful blog with code assitance on Typo3, Drupal, PHP, Apache, OpenSSL and PHP Frameworks Wed, 25 Jan 2012 08:35:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Writing IE 6 or IE 7 Specific CSS Code http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2 http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2#comments Fri, 05 Jun 2009 09:20:00 +0000 spabhat http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2 This is sort of hack which helps you write CSS specific to IE6 / IE7.

EX:

_display:none;/* IE 6 Fix */
*display:none;/* IE 7 Fix */

NOTE: This code is not recommended if you are writing code that has to comply to CSS standards. In such cases you may have to switch to alternate methods.

One of the best methods is to use conditional CSS Comments as follows:

        <!--[if IE]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->

        <!--[if IE 6]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if IE 7]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if IE 8]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if IE 9]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if gte IE 8]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if lt IE 9]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if lte IE 7]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if gt IE 6]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if !IE]> -->
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <!-- <![endif]-->
]]> http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2/feed 0