CSS Styles missing from my site when view in Internet Explorer (IE)

O-M-G! Thank you. I'm having the same issue. I thought I'd screwed up my CSS but I posted about the exact same problem a week or so ago.

I looked at your source and we appear to be using some of the same modules. I was going to try disabling some of them to see if that was the cause.

One question though, are you using the theme's style.css or local.css file?

ok. i think you're supposed to use one or the other, not both. i'm not sure if that's what's causing the trouble OR...i'm wondering if the panels module might be the culprit. we both seem to be using it and i dont recall having trouble until after it was enabled.

will work on it and let you know what i come up with.

You have 34 stylesheets loading at the link you provided. CSS aggregation should be enabled for live Drupal sites. If you don't know how, visit: admin/settings/performance and scroll down. This will eliminate the need for any module that manipulates your CSS files, as all of your stylesheets will be combined into one.

That was my first though but it does not help too. I disabled the ddblock module as of now and still it's not working. I think I started getting this after I enabled the ddblock module but disabling it does not solve the problem.

You also have the jquery_plugin module which you should try disabling to see if that helps - it's loading the jquery.cycle.min.js

Be sure to clear cache before testing.

PROBLEM SOLVED!! Enabling the css aggregation solved my nightmare. A BIG THANKS to you all for your prompt and fast response.

Below are my settings for the Performance tab

Page cache
Enabling the page cache will offer a significant performance boost. Drupal can store and send compressed cached pages requested by anonymous users. By caching a web page, Drupal does not have to construct the page each time it is viewed.

Caching mode: set to Normal

I got this message in RED: "The following enabled modules are incompatible with aggressive mode caching and will not function properly: backup_migrate"

Minimum cache lifetime: Not set? Any recommendation?

Page compression: Enabled

Block cache: Disabled (grayed out)

Optimize CSS files: Enabled

Optimize JavaScript files: Disabled

SOLVED! I still can't get optimize css files to work but, i installed Unlimited_CSS module.

i renabled the ddblock and jquery. for now, everything seems to work fine.

thanks

EDIT
i also want to add that i had to break-up the original css file. i divided style.css into four separate css files. i then added these css files to the themes .info file. i deleted all the contents in the orginal style.css. i found that if i kept all the data in the style.css file, the styling would break in IE, Safari and Netscape. but by breaking it up into separate files and using the unlimited_css module, everything seems to work just fine.

Hello

if css aggregation doesn't work-- which I strongly recommend leaving off until you are in production mode--

you can install IE Unlimited CSS Loader It is a very lightweight module that can uninstall once you go into production mode, when you can simplay enable X aggregation. Install, and viola! infinite css pages will load in ie6, 7, and 8.

I recommend leaving performance enhancements such as js and css aggregation turned off because you never know what other problems may arise as you install new modules or make changes to your theme during production mode.

Develop first, optimize last.

The first page of my website has no css style in Internet Explorer but all subsequent pages do. I’v e checked on other browsers and my site works fine in Mozilla and Safari. When i use the ‘Optimize CSS files’ option under performance the whole of my site loses its css style in every browser. This appears to be the case regardless of what theme i use. Does anyone have any idea?

Any help is greatly appreciated.

Evelyn

yes it works....there is this module too

http://drupal.org/project/ie_css_optimizer

http://drupal.org/node/698492

Thank you so much. got a solution with css aggregation :)

I also had the same problem and now it has resolved with the help of you guys.. Thanks alot :)

I had been avoiding this problem in IE for a month now. Did a quick google search and found this thread. Much thanks to the community on this one.

Thank you for posting this.

I used IE Unlimited CSS Loader

I used the aggregate the CSS function, the page still does not look right. No images at all. :-(

not sure what to do here.

any suggestions?

thanks

Hi folks,
I've ran into a similar problem as initially described by the author of this article.
Only difference is that the IE CSS symptom in my setup only occurs when the initial client's html source was not build via IE.
I'll explain it further :
A few days ago, i successfully installed and configured Drupal Boost on a highly CSS, JS, Jquery driven theme based website : http://tczelem.be
Other installed performance related modules :
https://www.drupal.org/project/advagg
https://www.drupal.org/project/lazyloader
The setup with Boost takes care of caching pages in predefined html folders, resulting a quicker respond on repeated views.
When these html files are generated by an IE client, repeated views are ok on all browsers.
If not, repeated views on IE lack the necessary CSS execution.
So next logical step was comparing both IE and FF cached html files but i cannot find an indication leading to this IE behaviour.
Comparison is visible here : http://www.diffnow.com/?report=vcnz0

Any suggestion to solve this would be welcome.
Thanks,