By webcomm on

Hello,

It looks like my site, which uses drupal/civicrm/ubercart, has more CSS references in the head than IE can handle. Once the maximum number of stylesheets is exceeded, IE ignores the remaining stylesheets. The limit in IE appears to be around 30 CSS references.

Since the CSS references in the head are generated dynamically (and inserted with the $styles variable), I'm not sure what to do. It doesn't seem like I have control over the references, and some of them are not relevant to some of the pages on which they appear. Is there some way I can better manage the CSS references so I don't exceed the limit in IE?

Many thanks,
Ryan

Comments

vm’s picture

vm commented

what version of IE ?
what version of Drupal ?

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

zeta ζ’s picture

zeta ζ commented

Help? example.com/admin/settings/performance
___________________
It’s in the detaιls…

webcomm’s picture

webcomm commented

thanks! that fixed it.

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