The new version of Zen sub-theme has much too many css files.
When you add css files that come with additional modules, very quickly you will reach the max of 31 css files which are allowed by IE. What will happen, the IE will load only 31 css files and the rest will be skipped cousing layout problems.
Swithing on css optimization solves the problem, but it's very unhandy during development process.
Currently I have to install "IE Unlimited CSS Loader" module to make it work.

My suggestion: Keep the number of css files to minimum.

CommentFileSizeAuthor
#2 zen-936580.patch952 bytesbarraponto

Comments

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Component: CSS/HTML Markup » Documentation
Category: task » bug

"IE Unlimited CSS Loader" is extremely buggy. Use http://drupal.org/project/ie_css_optimizer instead.

However, I do notice that I failed to mention this in any of the docs. So this is a pretty big doc FAIL.

barraponto’s picture

barraponto
he / him
commented
StatusFileSize
new zen-936580.patch952 bytes

I documented it on STARTERKIT/README.txt, i guess it gets more eyeviews than Zen/REAMDE-FIRST.txt

gmgartner’s picture

gmgartner commented

use css aggregation - it's a core D6 function.

barraponto’s picture

barraponto
he / him
commented
Assigned: Unassigned » barraponto
Status: Active » Needs review

css aggregation is enabled in the mentioned page, in the patch.

akalata’s picture

akalata commented
Status: Needs review » Closed (duplicate)

dupe of #256802: IE limits Drupal to 31 stylesheets total

wellyas’s picture

wellyas commented

Here is some workaround for this problem.

  1. Reduce some css by removing/comment unnecessary css on theme .info file
    e.g. ;stylesheets[all][] = style.css
  2. Reduce some css by unset unnecessary css on template.php
    e.g. unset($css['all']['module']['modules/system/system-menus.css']);
  3. Using @import method and groups style sheets with @import
  4. Using css aggregation. Find it on admin/settings/performance