Solved

Conditional CSS in Themes

Posted on 2008-10-03
2
1,303 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
asp web application 3 55
asp.net web app 3 58
Importing website from Wordpress into updated theme 3 34
Best explanation of following code css 11 40
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…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
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 …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

739 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