- Redfin Family Grows
- Announcing the CashNET module for Ubercart 6.x
- Redfin Solutions in IT World Magazine: The CMS Shootout
- Theming Flashvideo Thumbnails with Imagecache in Views
- DrupalCon Chicago Sessions on Email Marketing and Data Import
- Stashing stuff in $_SESSION in your form's _submit handler in Drupal
- Views "rewrite output" and you wish you had PHP? Don't always resort to customfield!
- Ubuntu 10.4 Based Drupal VM Partition File System ext4 to ext3 Conversion
- Using drupal_execute but it's not working? Load that include!
- Could Not Find Custom CiviCRM Report Template
IE 7 and IE 8 Impose 31 CSS File Limit - Drupal Beware!Submitted by patrick on Mon, 09/07/2009 - 20:22While debugging a client's site this weekend, I came across a rather dumbfounding issue. The site would look great in Firefox, but not in IE. In fact, IE seemingly ignored any CSS statements I would add to layout.css (part of a Zen-based custom theme). If we look at the page source, Zen likes to add on a considerable number of CSS files along with several contributed modules -- over 40 CSS files total! After TWO HOURS of continuous, verbal "WTFs," my partner, Chris, suggested that IE was perhaps reaching some kind of CSS file limit since he couldn't see some of the files listed when debugging in IE 8. Sure enough, IE 7 and IE 8 were reaching their 31 CSS file limit! http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/ad... The fix, in our case, was to turn on CSS caching so that there was only 1 CSS file being added. Microsoft suggests including the CSS files across different HTML/PHP files, but with core Drupal, page.tpl.php is the only option from which to include CSS. Now that's just ridiculous. |
Blog Posts |
31 seems like a low limit for
31 seems like a low limit for IE (they normally allow you to do lots of things like this) but you really should only have a handful of files.
Every file slows down your website a little bit. With more people having broadband connections these days people are moving towards CSS sprites and cramming as much in one file as possible to speed up their sites.
While that is correct, you
While that is correct, you should think that microsoft should recommend, not impose, having a limit of CSS files we should handle. But I think the limit was because IE is so buggy that it couldnt handle more than 32 CSS files. Take that microsoft
Whew, thanks for posting
Whew, thanks for posting this. I followed the same
path, Drupal Zen and all, and am glad to have my
suspicions confirmed.
And I think developing/testing with many
independent css files is a GOOD idea, should be
encouraged not made impossible. Consolidate them
when they work, of course.
awesome article and tutorial.
awesome article and tutorial. it increased my knowledge, specifically i didn't know about the drupal part
IE sucks. As a developer, I
IE sucks. As a developer, I like Chrome and Firefox better.
-Harv Ecker
Post new comment