Welcome to Idea R | Branding - Web Agency - Digital Strategies
Switch to the mobile layout

      Idea R - Do others know who you are? Design your corporate identity

Blog

Take a software geek from the 80s, add a new generation graphic designer and dilute with a longtime marketing strategist. Shake vigorously and you'll get the Idea R's blog.

Change language... italiano

Style sheets caching problems

Published on 10/23/2011
Categories: Web Design
Style sheets caching problems

Microsoft IIS caches all the style sheets that are placed inside the App_Themes folder, remembering the ones that are used by the web site pages (by all pages, not only the current one); the effect is easily visible looking at the HTML code sent to the client, noting that are included CSS links that were not specified for the page.
This behavior requires a strong attention on styles inheritance, but also can make Internet Explorer versions prior to the 9 to overflow the maximum number of style tags allowed: in these versions the maximum number of style tags is 32 and all the following ones are ignored.
My personal advise is to use the App_Themes folder only and exclusively for themes and to use another one, for example Styles, for style sheets.

As anticipated, if the App_Themes folder is needed, you have to pay attention to styles inheritance, always resetting properties, for example:

/* This is in a not included (but cached) style sheet */
.myStyle
{
    top: 10px;
}

/* This is in a included style sheet */
.myStyle
{
    bottom: 100px;
}

The result will be:

/* This is in a included style sheet */
.myStyle
{
    top: 10px;
    bottom: 100px;
}

To avoid top inheritance from the cache, the included style sheet has to be:

/* This is in a included style sheet */
.myStyle
{
    top: auto;
    bottom: 100px;
}

You are the reader number 10,007.

Comments

Previous article

Previous article

JavaScript events? What a mess!

Next article

Painting with the light

Next article

Scroll to top