I have a page that calls about 32 stylesheets. On another page, it calls < 30. In every other browser both pages look fine, but on the first page in IE (8, 7), the last 2 stylesheets aren’t being called and it totally messes up the layout. I’m not really sure how to get around this in drupal.
EDIT:
Also, I understand that having more than 30 is not that great, but that is how our site was developed originally. We have a bunch of themes and modules that add syleshets using “drupal_add_css”.
I tried compressing the css by going to admin/settings/performance but the stylesheet link doesn’t work because we are using a port number for our test site (http://mysite:123) and the link generated is http://mysite/public/css/random_string.css
You can use admin/settings/performance and set Optimize CSS to true. This will put out 1 css instead of 32+. If you are developing and want this on to work in IE, you need to clear the cache after changing your css. We tend to leave this off in development & only turn it on to test in IE or for production.
All best,
ember
Answer to Alison’s comment (too long for a comment block)
Hi AlisonC,
I’ve never tried using a port for a site with Drupal. I’d suggest making sure your settings.php for your site are setup correctly. There may need to be a special name for your folder (see the instructions at the top of settings.php) or you may need to check the $base_url and make sure it has the port.
If that doesn’t work, there’s a module for caching css while developing (http://drupal.org/project/ie_css_optimizer). I haven’t used it, but it may work a little differently at least for your situation. (After typing this I noticed another user also recommended it).
I’ve been assuming you’re still developing, and I would remove the ie css optimizer module (or at least turn it off) before going live, since it’s primarily a developer helper. I think this is the limit of my knowledge. Good luck!
–Ember