Posted by spasebar on June 2, 2012 at 5:18pm
7 followers
Jump to:
| Project: | Zen |
| Version: | 7.x-5.x-dev |
| Component: | IE problems |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | postponed (maintainer needs more info) |
Issue Summary
I am trying to avoid enabling "Aggregate / Compress CSS" but it seems that if I don't do Zen does not work with IE8. And if I enable compress it creates different css files that don't live inside of my sub theme. Can someone please to a look at my screenshots attached and see what could be going wrong?
| Attachment | Size |
|---|---|
| chrome.png | 555.14 KB |
| firefox.png | 638.91 KB |
| IE.png | 115.5 KB |
Comments
#1
how many stylesheets are included in the head? IE: has issues with serving more than 31 stylesheets. The fact that CSS aggregation, moves the aggregated file to the files folder and out of the subtheme shouldn't be an issue as your changes should still go into the subtheme css files, and when cache is cleared the aggregated CSS file is rewritten.
#2
Hi VM, to answer your question regarding how many CSS are in the head, I don't know :( I am new to all of this and really am trying to figure out this huge learning curve. I know a little but not as much as everyone else on here it seems. To found out how many CSS files are in the head, where would I look?
#3
I have the same problem [edit - should note that I'm not using jQuery cycle here]
Aggregate CSS is on and there are just four CSS files in head.
#4
IE has a limitation on how many stylesheets it will load. That's one of the problems that the CSS aggregator fixes. While developing you can use this module: http://drupal.org/project/ie_css_optimizer
#5
I had the same error in IE8 and IE7, but it vanished when I changed the responsive sidebars to fixed-width. Maybe responsive sidebars can't determine the page width in IE7 and IE8, and use 0 width?
#6
Another thing to try is overriding or disabling the
img { max-width: 100%; }
code in your CSS - that solved the Zen + IE8 + jQuery Cycle problem for me (even with CSS aggregation turned off).
#7
I confirm that
img { max-width: 100%; }
breaks images in IE8 if they are not in elements with the specified width (the example is image inside inline element). This is really annoying. Is it possible to provide the solution for this problem?
#8
Check if you are using the version of normalize that added width: auto; for IE 8, following the max-width: 100%;