By donpwinston on

My site is working fine in Safari, Chrome, and Firefox. But all versions of IE are a mess. I suspect that IE is not recognizing many of my style sheets. I have zillions of them and for some inexplicable reason IE has a limit to how many style sheets it loads. I've zillions of modules also that add their own style sheets. Is there a standard/best practice way of combining my theme's style sheets or better yet my modules style sheets into one so I won't break anything?

I don't want to create a mess where if I uninstall a module the stylesheets are left hanging.

⋅ Categories: Drupal 6.x

Comments

karschsp’s picture

karschsp commented

Try the IE CSS Optimizer module:

http://drupal.org/project/ie_css_optimizer

donpwinston’s picture

donpwinston commented

Yeah, I just found it and it worked! Thank goodness. I was beginning to doubt my sanity.

Simpler is always better.

kpander’s picture

kpander commented

I believe IE limits the number of external stylesheets to somewhere around 30.

So, you've got 2 issues. 1: You're loading 30+ stylesheets (ugh, slow!). 2: IE doesn't like it.

The simplest solution (in Drupal 6, although this applies to Drupal 7 as well) is to go to admin/settings/performance and enable Optimize CSS Files'. This will take all those css files and combine them into a single file.

There are caveats with this solution -- in some cases it can make performance worse depending on whether the css files are loaded for every page or whether that changes depending on where you are on the site. But that's a different discussion...

Don't worry about the different modules. The aggregated css file is handled dynamically -- it'll update as you enable/disable modules.