[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Conditional CSS in Themes

Posted on 2008-10-03
2
Medium Priority
?
1,309 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 80 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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 embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses
Course of the Month20 days, 4 hours left to enroll

873 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