By malc0mn on
This morning we noticed a problem with Drupal 6.x and CSS in the all new Firefox 3.6. Two sites we created for clients were completely stripped from CSS styling with the new FF3.6 update.
Quite a critical issue ofcourse. Luckily it was fixed just as quickly as it reared its head by disabling the CSS optimisation in the Performance settings (/admin/settings/performance, scroll all the way down).
We have not investigated the issue further, but the question now remains: is there an error in the consolidation of the CSS files in such a way that FF3.6 can't cope with it or is it basically a bug in FF3.6?
Anyone else had the same problem?
Cheers,
m.
Comments
Did you rule out parsing
Did you rule out parsing errors in the CSS files?
The only thing we ruled out
The only thing we ruled out is that with CSS optimisation off, it works in FF3.6. Turned on, it will not work in FF3.6, but it then DOES work in IE8 for example...
CSS compression turned on for this site was absolutely fine in FF3.5.7 and before, so our suspicion now is that it's an FF3.6 bug. It is not at all confirmed though!!!
EDIT: CSS optimisation while not working in FF3.6, confirmed working on:
Win7 Pro:
WinXP Pro SP3:
Ubuntu 8.10:
EDIT 2: 2 small CSS syntax errors on our side were found though, but fixing those made no difference though :(
Problem located and solved
We finally were able to locate and solve the problem:
On the two sites mentioned, an @import was used in the base.css to load custom form.css and system.css files.
This is of course not the way to do it. Removing the @import's from the base.css and moving the inclusion of these two CSS files to the
.info file of your theme solved the problem.
The optimise CSS files can then be turned on without trouble for CSS in FF3.6.
Regards,
m.