Hi Antonio:

It appears that my site, which is in development, is having this IE +30 issue. I read the discussion #228818 with interest and am grateful for your contribution. I enabled the module on my site, but it is not fixing the problem. So, I figure (1) I have a different problem or (2) I have made an error.

I'm using D6.10.
I installed and enabled the IE Unlimited CSS Loader.
I have admin/site_configuration/performance Page cache set to Disabled, Page compression set to Enabled, Optimize CSS files set to Disable, Optimize JavaScript files set to Disabled.

My site content displays the correct theme (I'm using Garland for development) and Site Configuration pages display correctly; however, most Site Building and Content Management configuration pages like taxonomy, comments, blocks, menus, modules, URL aliases, and views loose the theme.
The theme is restored to all of these pages when I select Optimize CSS files: Enable, on the admin/site_configuration/performance page.

When I look at the source code (which I don't really understand very much) I do see more than 31 lines of CSS.

Am I having the kind of problem this module is supposed to fix? If so, am I missing a step or doing something wrong?

I greatly appreciate your time in answering.

Regards, ebeng

Comments

ademarco’s picture

ademarco commented

Hi ebeng,

the module indeed doesn't reduce the number of CSS, it just load them grouped by 15 each style tag; your HTML code should look like this:

<style type="text/css" media="all">
@import "/satellite/modules/aggregator/aggregator.css";
@import "/satellite/modules/node/node.css";
@import "/satellite/modules/system/defaults.css";
@import "/satellite/modules/system/system.css";
@import "/satellite/modules/system/system-menus.css";
@import "/satellite/modules/user/user.css";
@import "/satellite/modules/poll/poll.css";
@import "/satellite/profiles/satellite/modules/cck/theme/content-module.css";
@import "/satellite/profiles/satellite/modules/date/date.css";
@import "/satellite/profiles/satellite/modules/date/date_popup/themes/datepicker.css";
@import "/satellite/profiles/satellite/modules/date/date_popup/themes/timeentry.css";
@import "/satellite/profiles/satellite/modules/fbconnect/fbconnect.css";
@import "/satellite/profiles/satellite/modules/fckeditor/fckeditor.css";
@import "/satellite/profiles/satellite/modules/filefield/filefield.css";
@import "/satellite/profiles/satellite/modules/lightbox2/css/lightbox.css";
</style>
<style type="text/css" media="all">
@import "/satellite/profiles/satellite/modules/logintoboggan/logintoboggan.css";
@import "/satellite/profiles/satellite/modules/nice_menus/nice_menus.css";
@import "/satellite/profiles/satellite/modules/nice_menus/nice_menus_default.css";
@import "/satellite/profiles/satellite/modules/tableofcontents/tableofcontents.css";
@import "/satellite/profiles/satellite/modules/tagadelic/tagadelic.css";
...

Can you check if yours look like that?

ebeng’s picture

ebeng commented

Antonio:

I very much appreciate your time to help me. I am fairly new and I only partially understand what I am doing but I am trying to learn.

I installed and enabled the IE Unlimited CSS Loader module.
I set Optimize CSS files: Disable, in the Admin/Site_configuration/Performance.

I went to my modules screen and clicked on "source code".

The following is what I get. I believe the example is from the correct location in the code. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
  <head>
    <title>Modules | webDeafs</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/misc/favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/admin_menu/admin_menu.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/book/book.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/admin.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content-module.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/datepicker.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/timeentry.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/fckeditor/fckeditor.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/filefield/filefield.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/nice_menus/nice_menus.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/nice_menus/nice_menus_default.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/tabs/drupal-tabs.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/taxonomy_browser/taxonomy_browser.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/taxonomy_filter/taxonomy_filter.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/ubercart/uc_attribute/uc_attribute.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/ubercart/uc_file/uc_file.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/ubercart/uc_order/uc_order.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/ubercart/uc_product/uc_product.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/ubercart/uc_roles/uc_roles.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/ubercart/uc_store/uc_store.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/calendar/calendar.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/misc/farbtastic/farbtastic.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/taxonomy_access/admin.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/panels/css/panels.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/contrib_toggle/contrib_toggle.alerts.css?X" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/color/garland-5a510909/style.css?X" />
<link type="text/css" rel="stylesheet" media="print" href="/themes/garland/print.css?X" />

It seems that the module did not affect this code. Also, I notice strange characters "?X" after the css. This seems not right.

Any thoughts?

Regards, Ebeng

ademarco’s picture

ademarco commented

Hi Ebeng,

yes, the module is not affecting your site, this may happen for two reasons:

1. you didn't enable it (but you said you did)
2. some other module is running a hook_preprocess_page() after mine.

Since I cannot reproduce your case try to disable one by one all the modules you have and everytime try to check if the HTML looks like the one I've posted, this could help us to find out which one is interfering with my module.

Thank you for your effort.

PS: About the ?X: don't worry, it's standard Drupal.

ebeng’s picture

ebeng commented

Antonio:

Okay. I started disabling modules, and as expected, as soon as I had fewer than 30 CSS files the theme started working in IE. I continued to disable modules until I got the IE Unlimited CSS Loader to work. The module that was causing the problem is the Core Option/Color module. I didn't do anything fancy. As I mentioned, I'm using the Garland theme and I use the Garland theme configure color picker to change the color.

I guess my immediate solution is to not use the color module. If you are able to fix this problem let me know and I will test it.

If I come across another module that causes this problem I will let you know. Here is code snapshot now.

<style type="text/css" media="all">
@import "/modules/book/book.css";
@import "/modules/node/node.css";
@import "/modules/system/admin.css";
@import "/modules/system/defaults.css";
@import "/modules/system/system.css";
@import "/modules/system/system-menus.css";
@import "/modules/user/user.css";
@import "/sites/all/modules/admin_menu/admin_menu.css";
@import "/sites/all/modules/cck/theme/content-module.css";
@import "/sites/all/modules/date/date.css";
@import "/sites/all/modules/date/date_popup/themes/datepicker.css";
@import "/sites/all/modules/date/date_popup/themes/timeentry.css";
@import "/sites/all/modules/fckeditor/fckeditor.css";
@import "/sites/all/modules/filefield/filefield.css";
@import "/sites/all/modules/nice_menus/nice_menus.css";
</style>
<style type="text/css" media="all">
@import "/sites/all/modules/nice_menus/nice_menus_default.css";
@import "/sites/all/modules/tabs/drupal-tabs.css";
@import "/sites/all/modules/taxonomy_filter/taxonomy_filter.css";
@import "/sites/all/modules/ubercart/uc_attribute/uc_attribute.css";
@import "/sites/all/modules/ubercart/uc_file/uc_file.css";
@import "/sites/all/modules/ubercart/uc_order/uc_order.css";
@import "/sites/all/modules/ubercart/uc_product/uc_product.css";
@import "/sites/all/modules/ubercart/uc_roles/uc_roles.css";
@import "/sites/all/modules/ubercart/uc_store/uc_store.css";
@import "/sites/all/modules/calendar/calendar.css";
@import "/misc/farbtastic/farbtastic.css";
@import "/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css";
@import "/sites/all/modules/taxonomy_access/admin.css";
@import "/sites/all/modules/panels/css/panels.css";
@import "/sites/all/modules/advanced_help/help-icon.css";
</style>
<style type="text/css" media="all">
@import "/sites/all/modules/views/css/views-list.css";
@import "/themes/garland/style.css";
</style>
<style type="text/css" media="print">
@import "/themes/garland/print.css";

I added back in my modules and the IE Unlimited CSS Loader seems to be working because the IE theme is not broken.

Let me know if you would like me to do more testing. I will not be available tomorrow night but will check back on Thursday.

Thank you for your help.

Regards, Ebeng

ademarco’s picture

ademarco commented
Category: support » bug
Priority: Normal » Critical

Hi,

You have indeed highlighted a very serious issue: using color wheel makes the module stop working. It's due to the fact that color module doesn't use the usual hook flow to modify the style output. To get color module to work you need to "hardcode" in your THEME_preprocess_page() this code:

  // Hook into color.module
  if (module_exists('color')) {
    _color_page_alter($vars);
  }

A way to get the module to work also in this condition is to call explicitly the module hook after _color_page_alter(); so something like this:

  // Hook into color.module
  if (module_exists('color')) {
    _color_page_alter($vars);
  }
  // Hook into unlimited_css.module
  if (module_exists('unlimited_css')) {
    unlimited_css_preprocess_page($vars);
  }

I'll try to offer a cleaner solution but I really think this is the only way to go in case you use the color module.

ebeng’s picture

ebeng commented

Antonio:

As I mentioned, I'm new to most of this, having done only a little html coding in the past. I have the greatest respect for your ability with coding. I will do some more reading to understand exactly where I need to place your suggested code. Until then I will not use the color module as it is not yet essential to my site development. Thank you for your help.

From what I read, it seems like this IE CSS issue is being further addressed by those who are working on Drupal 7 (of which you may be one). In the mean time we will use your solution.

I am happy to have met you.

Regards, Ebeng

lameei’s picture

lameei commented

@ebeng: For garland theme open the garland's folder and then edit "template.php" file then find the following lines of code 

/**
 * Override or insert PHPTemplate variables into the templates.
 */
function phptemplate_preprocess_page(&$vars) {
  $vars['tabs2'] = menu_secondary_local_tasks();

  // Hook into color.module
  if (module_exists('color')) {
    _color_page_alter($vars);
  }

Then add the following right after the last line:

// Hook into unlimited_css.module
  if (module_exists('unlimited_css')) {
    unlimited_css_preprocess_page($vars);
  }

at the end this portion of the file should look like this:

/**
 * Override or insert PHPTemplate variables into the templates.
 */
function phptemplate_preprocess_page(&$vars) {
  $vars['tabs2'] = menu_secondary_local_tasks();

  // Hook into color.module
  if (module_exists('color')) {
    _color_page_alter($vars);
  }
  // Hook into unlimited_css.module
  if (module_exists('unlimited_css')) {
    unlimited_css_preprocess_page($vars);
  }
}

@Antonio: I have another website in which the "color "and "IE Unlimited CSS Loader" is working together without code hacking. But in my new project i got this issue. How does this possible?

ademarco’s picture

ademarco commented
Status: Active » Postponed (maintainer needs more info)

Have you tried the new 6.x-1.2 release? The problem is still there?

donquixote’s picture

donquixote commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

Hi,
sorry for letting this sleep for a long time.
Is this still an issue with the current version?

Probably fixed in the most recent version, so I close this.