Sunday 4 November 2012

How to css suport internet explorer browser Compatibility

Following is the code for the purpose Internet explorer browser Compatibility of css and html tag.
 

  For example your css is following path

       <link rel="stylesheet" type="text/css" href="/ui/stylesheets/default.css"media="screen, projector, print"/>
       <link rel="stylesheet" type="text/css" href="/ui/stylesheets/print.css"media="print" />

Then for  Internet explorer browser Compatibility do following step.

 <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie6_overrides.css"media="screen, projector, print" />
    <link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie6_overrides_print.css"media="print" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie7_overrides.css"media="screen, projector, print" />
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie7_overrides_print.css"media="print" />
<![endif]-->
<!--[if IE 7.0a]>
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie7_overrides.css"media="screen, projector, print" />
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie7_overrides_print.css"media="print" />
<![endif]-->
<!--[if IE 7.0b]>
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie7_overrides.css"media="screen, projector, print" />
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie7_overrides_print.css"media="print" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie8_overrides.css"media="screen, projector, print" />
<link rel="stylesheet" type="text/css" href="/ui/stylesheets/ie8_overrides_print.css"media="print" />
<![endif]-->



This will help you for solve the problem

No comments:

Post a Comment