Download & Extend

CSS Optimization causes problems in IE, Firefox, Not Chrome.

Project:Deco
Version:6.x-1.x-dev
Component:Code
Category:bug report
Priority:major
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

Saw in another post - and I had the same issue. Enabling CSS Optimization in Performance caused problems with our deco-themed site in IE8, Firefox, although it was fine in Chrome.

IE: CSS seemingly unprocessed except for layout (no background, images,etc.)
Firefox: Text formatting unprocessed

Comments

#1

I second the Firefox report.

#2

i got the same problems,and in IE ,the fontsize are very small.

#3

I was ready to scrap the Deco theme! Thanks for posting this because I really wanted that look. Firefox only had a different font, but IE looked SO bad, like it had NO css! Disabling CSS optimization fixed it. Can anyone explain why?

#4

This has to do with the style.css file. I believe this is caused by the @charset and @import declarations within the style.css file.

I solved this in style.css by REMOVING

@CHARSET "UTF-8";
@import "layout.css";
@import "icons.css";

Then in deco.info, BEFORE this line:
stylesheets[all][] = style.css

I added:

stylesheets[all][] = layout.css
stylesheets[all][] = icons.css

So my stylesheets section of deco.info looks like this:

stylesheets[all][] = layout.css
stylesheets[all][] = icons.css
stylesheets[all][] = style.css
stylesheets[print][] = print.css

Flush your cache and re-enable caching and it should work fine.

#5

I was having the same issue and this helped out.

CSS import shoud not be used in order to optimize CSS files.

#6

Thanks, this really works. :)

#7

Version:6.x-1.x-dev» 7.x-1.x-dev
Component:Miscellaneous» Code
Priority:normal» major
Assigned to:Anonymous» c31ck
Status:active» needs work

#8

Version:7.x-1.x-dev» 6.x-1.x-dev
Assigned to:c31ck» Anonymous
Status:needs work» fixed

Fixed in 6.x-1.x-dev by http://drupal.org/commitlog/commit/3850/a4bf5ce7d693a7cf8af635633370dcbb...
Looks like this was never an issue in the 7.x version of Deco.

#9

removing issue tag.

#10

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.