IE limits Drupal to 31 stylesheets total
dcomfort - May 9, 2008 - 23:59
| Project: | Zen |
| Version: | 6.x-2.x-dev |
| Component: | Documentation |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | needs work |
Description
I have Drupal 5.7 installed and tagadelic 5.x-1.0 installed. I have a customized theme based on Zen. When I enable the tagadelic module, the overall CSS for IE7 is not implemented properly. It breaks down completely for the page. However, for Firefox 2.0, its fine. I have tried an empty tagadelic.css file but it still does not work properly. I am somewhat of a newbie, but enabling the tagadelic module interferes with the other style sheets somehow. Any ideas?
#1
most certainly a ZEN issue.
#2
Oh, amd please read the FAQ on posting issues. " Critical " means critical for the module or theme. It is not meant to be used for your private priorities.
#3
I enabled Tagadelic on my test system and there are no conflicts between Zen and tagadelic; tagadelic’s blocks display without issue.
And the only CSS classes tagadelic seems to use are
tagadelic level1 level2 level3 …and Zen doesn't use any of those classes.So, David, it must be due to some modification you made to your sub-theme. Do you use level1, etc as any of your class names?
#4
I figure out why I assumed it was breaking the CSS. It has nothing to do with the Zen Theme.
I cannot find the source right now, but it appears that IE Explorer cannot handle more than a certain amount of CSS's. If you enable lots of modules which use their own CSS, then IE will ignore them.
#5
Oh! that one!
http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
IE limits you to 31 stylesheets total.
Fortunately, you can enable CSS aggregation under admin / settings / performance
#6
#7
Automatically closed -- issue fixed for two weeks with no activity.
#8
Thanks very much to all of you. I spent hours and hours on this issue. Thank god it works with CSS aggregation enabled!!!
#9
I'd like to reopen this issue since it's very likely to hit this limit, now that zen is split up into so many files.
I've got 31+ stylesheets on my site at the moment, all created by modules, which means my subtheme_name.css file isn't loaded at all. And there's no indication of why!
Enabling the CCS optimization does work around this issue, but I could not find anything about it in the readme etc. This does make it much harder to make quick compares with IE when modifying styles, but I think a simple note about it somewhere will be enough for now.
#10
I agree perhaps this should go into the Zen documentation as a user tip... I just spent 2+ hours working on this... i had aggregation off since I was developing, and never would have thought it would solve the problem. Man oh man. Time to take a break.
#11
Its already in the ie.css, but that's not visible enough.
#12
I'm going to +1 this feature request. I've just spent an entire day trying to figure out why my site's display was broken in IE.
#13
Please try the hook_preprocess_page() code from http://drupal.org/node/228818#comment-1473586, I've used it in Zen v6.x-2.x-dev to great effect.
#14
Actually could we get the code from that discussion added to Zen if I supply a patch? :)
#15
Here's a patch for both the HEAD/v6.x-2.x and 6.x-1.x branches.
#16
The code in http://drupal.org/node/228818#comment-1473586 is extremely buggy; it doesn't properly deal with overriding or removing module stylesheets at all.
Right now, I'm working on a solution for this problem as a module: http://drupal.org/project/ie_css_optimizer When I finish that up and release a 6.x.-1.0 version, I'll try to get a Zen-only solution.
#17
A Zen-only solution would be great!