Solved

Conditional CSS in Themes

Posted on 2008-10-03
2
1,302 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

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

Suggested Solutions

Title # Comments Views Activity
hbo knew my windows software 4 63
Insert Button on a table 16 38
ASP.NET MVC - Views 3 22
Wordpress themes CSS? 6 11
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

821 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