Stylesheets

Guys I wonder if you can point me in the right direction. I need to
have
two separate style sheets. One specially for IE6.

Here is part of my layout:-

@import "/stylesheets/style.css"; @import "/stylesheets/print.css"; Bird Semple - images/bsweb/favicon.ico"/> images/bsweb/favicon.ico"">

Here is the issue, when I’m using IE6, radiant serves up the standard
stylesheet, not the specific IE6 version. I created a really simple
static
test HTML doc using the identical code and when I viewed this in IE6 it
was
sucking in the correct stylesheet. Am I doing something really stupid?

I would really appreciate any pointers

Regards
Harvey

This e-mail has been scanned for all viruses by MessageLabs.

Harvey B. wrote:

Guys I wonder if you can point me in the right direction. I need to have
two separate style sheets. One specially for IE6.

Hmm… the javascript that loads that stylesheet shouldn’t know or care
if it’s Radiant or something else that’s rendering it. It all happens
on the client side.

Have you tried taking that static HTML page and putting it in a single
Radiant page - no filter, no behavior, no snippets or layout - and
seeing how it renders?

Jay L.

Here is the issue, when I’m using IE6, radiant serves up the standard
stylesheet, not the specific IE6 version.

I never use conditional CSS statements myself, but wouldn’t you need
to set a rule to specifically apply to IE6? As it is, you’ve only got
a rule for IE7 …

this should work for IE 6 - it’s basically saying if less than IE 7,
serve
this stylesheet.

As to why it’s not working, i’m stumped as well.

-Cory

Wouldn’t you be better off using the html>body hack?:slight_smile:

Josh

this should work for IE 6 - it’s basically saying if less than IE 7, serve
this stylesheet.

Sorry, didn’t see the “lt” in the conditional …

NO hacks!!!