Author Topic: [Resolved] IE 7 bug CSS ? (Read 2399 times)

stefdn · January 11, 2011, 12:54:36 pm

hi,

I'm using civiCRM module and Drupal. Both for the first time.
I use customized templates for civicrm and a personal drupal theme

all is ok except the civiCRM pages with user logged-in : all CSS of my drupal themes are not interpreted (very, very ugly)
I found 3 CSS files* from civiCRM : if I disable them, Ie 7 displays the pages correctly

I tried too with others drupal theme : it works, so my theme seems not realy good but I don't know why and how to do

some help please?

* the 3 CSS files :

civicrm/packages/jquery/css/jquery.autocomplete.css
civicrm/packages/jquery/css/flexigrid.css
civicrm/packages/jquery/css/tree_component.css

Hershel · January 11, 2011, 01:07:20 pm

IE has a 30 CSS file limit. See

http://drupal.org/node/414502
http://teqsnacks.com/2010/02/15/internet-explorer-annoying-30-css-files-limit-bug/

Dave Greenberg · January 11, 2011, 01:33:53 pm

You can have Drupal aggregate your css files and prevent this by setting Bandwidth Optimization > CSS option under Site Configuration >> Performance.

stefdn · January 12, 2011, 03:03:56 am

ok, thank for answers ...There is 35 style tags in pages !

I would like to "factorize" (or merge) style tags : using the rule @import for exemple in my customized jquery.tpl where there is 6 style tags
I created css_factorized.css file :

@import("file1.css");
@import("file2.css");
/* etc. */

in my jquery.tpl : <style type = "text/css"> @import url( "{ $ config -> customTemplateDir } css_factorized.css ") < /style>
and jquery.files.tpl : jquery_factorized.css

but it doesn't work ... any <link type = "text/css" rel = "stylesheet" href = " ...css_factorized.css" / > is written

I missed something ?

PS : is there a problem with tag [ code ]? I can't use it : "Sorry, you are not allowed to post external links."

xavier · January 12, 2011, 04:45:22 am

Hi,

@import is really bad for performance, don't do that if you can avoid it. Follow Dave's advice:

Quote from: Dave Greenberg on January 11, 2011, 01:33:53 pm

You can have Drupal aggregate your css files and prevent this by setting Bandwidth Optimization > CSS option under Site Configuration >> Performance.

So you got one and only one css that merges all your 35 files.

btw, if you have 35 css, means you have a lot of modules, and even if you did hack your way by focusing on civicrm, you will have the problem again next time you enable another module that provides its css.

X+

stefdn · January 12, 2011, 05:22:38 am

yes, you're right for @import, it's not a good idea ... for CSS linked with Javascript and media type
but when this is not the case, it seems a good alternative

I can use @import for my drupal css, it's works with IE7, but if a new module is installed, indeed the problem will return

I tried the Drupal CSS optimization and it's seems The solution, but it doesn't take all my own css ... bizarre ...

It's a baffling problem ... I have to found why CSS optimization doesn't work correctly

stefdn · January 12, 2011, 07:47:50 am

I found ! http://drupal.org/node/881132

I converted CSS files from ANSI/latin to UTF-8 and CSS optimization is ok

Hershel · January 12, 2011, 08:12:39 am

Very interesting. Thanks for the follow up and glad to hear your site is OK now.

CiviCRM Community Forums (archive)

News:

Author Topic: [Resolved] IE 7 bug CSS ? (Read 2399 times)

stefdn

[Resolved] IE 7 bug CSS ?

Hershel

Re: IE 7 bug CSS ?

Dave Greenberg

Re: IE 7 bug CSS ?

stefdn

Re: IE 7 bug CSS ?

xavier

Re: IE 7 bug CSS ?

stefdn

Re: IE 7 bug CSS ?

stefdn

Re: IE 7 bug CSS ?

Hershel

Re: [Resolved] IE 7 bug CSS ?