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
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