Conditional statement that switches style sheets in a web page

I need a conditional statement for IE6 (and lower) in the header of my web page that will switch style sheets from the default style1.css to style2.css.

Thanks,

John
LVL 1
gabrielPennybackReliability Business Tools Analyst IIAsked:
Who is Participating?
 
David S.Connect With a Mentor Commented:
You can use a regular stylesheet and then override any styles that need to be different in IE in the IE-specific stylesheet without having to maintain two completely separate stylesheets.

Here's the code:
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="ie_styles.css" /><![endif]-->

Open in new window

0
 
Sreedhar VengalaConnect With a Mentor Sr. Consultant - Business IntelligenceCommented:
http://www.thesitewizard.com/css/excludecss.shtml will guide u in right direction
0
 
gabrielPennybackReliability Business Tools Analyst IIAuthor Commented:
Okay, here's my real-life example. This particular page has 4 style sheets. My "ie_styles.css" might have to have overrides of all 4 of them. I suppose that's not a problem as long as I put it last, right?

For that matter can you put the IE6 conditional statements in the css itself so that
     background: url(images/image1.png);
          could be replaced with this in IE6:
     background: url(images/image2.jpg);
or whatever

If so, how would that be stated exactly?

Thanks.


<link href="/css/global.css" rel="stylesheet" type="text/css" />
<link href="css/greenStuff.css" rel="stylesheet" type="text/css" />
<link href="css/dimensions_index.css" rel="stylesheet" type="text/css" />
<link href="css/SimpleDropdown.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/ie_styles.css" /><![endif]-->

Open in new window

0
 
gabrielPennybackReliability Business Tools Analyst IIAuthor Commented:
Thanks. If you can, please let me know the proper syntax for overriding a particular style within the css itself, assuming that's something that can be done.
-John
0
 
David S.Commented:
You just make another rule that has the same selector as the first rule. Wherever there is more than one declaration for the same property in rules that have the same the specificity, the last declaration is the one that will be used, unless overridden by a rule that has a higher specificity.

In short, the cascade is a wonderful thing.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.