Solved

Conditional CSS in Themes

Posted on 2008-10-03
2
1,299 Views
Last Modified: 2008-10-26
Hi,
I am adopting Themes for my website and have a situation where I need to only use a CSS file based on the current IE Version - i.e some IE6 hacks.
Before Themes, I used to add the following statement to the page header:

<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="css/iefixes.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="css/ie7fixes.css" /><![endif]-->

How would I do this with themes?
0
Comment
Question by:km176351
2 Comments
 
LVL 20

Assisted Solution

by:REA_ANDREW
REA_ANDREW earned 20 total points
ID: 22633212
Have you looked at using an ASP.NET Browser file to differentiate between behaviour between browsers.
0
 
LVL 1

Accepted Solution

by:
km176351 earned 0 total points
ID: 22770654
In the pages section of the web.config file, I have chosen to use StylesheetTheme rather than Theme. This loads all theme stylesheets first and then I can still have my conditional statement directly in a page to load the fixes last
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now