On Fri, Jan 13, 2012 at 8:45 PM, mem <talofo.l...@gmail.com> wrote:
>
> Hello all,
>
> I have this on my application:
>
> <!--[if lt IE 9]>
> <link rel="stylesheet" href="badbrowser.css"/>
> <![endif]-->
Your syntax for the conditional comment looks right, so I'm with
HallMarc. Let's see the page or one that reproduces the problem.
Something did occur to me, though. Is the link for your regular
stylesheet after the badbrowser one? If so, the "cascade" is causing
the rule in the regular stylesheet to override the rule in the
badbrowser stylesheet.
Try it a different way. Replace your <body> tag with something like this:
<!--[if lt IE 9]>
<body class="badbrowser">
<![endif]-->
<!--[if !IE]> -->
<body>
<!-- <![endif]-->
Then you can use a single stylesheet with something like this:
#some-selector {
width: 16em;
}
body.badbrowser #some-selector {
width: 14em;
}
You probably have already looked at the conditional comments
documentation:
http://msdn.microsoft.com/en-us/library/ms537512%28v=VS.85%29.aspx
... but you might not have seen this article at quirksmode which I
think gives an excellent example: http://www.quirksmode.org/css/condcom.html
--
Ghodmode
http://www.ghodmode.com/blog
> Earlier I have declared the main.css (the one valid for all), with this:
>
> #some-selector {
> width: 16em;
> }
>
>
> On this badbrowser.css I have:
>
> #some-selector {
> width: 14em;
> }
>
>
> But when I look on IE8 he get's width:16em; no matter what.
>
> I can absolutely guarantee that the selector is the same.
>
>
> What am I doing wrong? Is the the expected behavior ?
>
> k. regards,
> mem
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
