I have been a Drupal user for over a year and never ran into a problem like this, please someone help. This site was launched less than a month ago and traffic picking up so an issue like this is deadly to me! Within the past day IE has stopped displaying my css making it the pictures and links show up but nothing else, what happened? It is fine on Safari and Firefox, can I just say that I hate Internet Explorer!!!

Please help!!!!!!

the site address is:

http://www.forsterfitness.com

Over the past few days I have done many things to help improve the SEO so I am on the site for hours per day improving it and never had a problem but something happened over the past couple of days, please help!

Comments

ckleiman’s picture

There's definitely a problem when you're viewing your site in IE. I'm not an expert, however, I had a similar problem when viewing my site in IE6 (it was fine on newer versions). I eventually solved the problem using a css validator and found some css I'd added but wasn't using. I removed it and the site displayed properly. You may want to give it a try and/or reconfigure your theme in the admin back end. Sometimes that works to reset things.

miahjenn’s picture

I am making changed daily to the site so who knows what I did, what did you use for a CSS validator?

miahjenn’s picture

PS - I have IE 8 at home so if it does not look right in IE 8 (houston we have a problem)

miahjenn’s picture

PS - Here is a list of things I have done to the site in the past few days if that has anything to do with anything:

1) Added the following modules: SEO Checklist, robotstxt, mollom, dhtml_menu, nice menus, global redirect, page_title

2) I tested the following modules (which means I uploaded and then removed them after I realized they sucked): chat rooms, tribune, phpfreechat, a few other chats that I can't remember

3) I created a google webmaster account and registered my site locally and on the internet as well as launched a site map, in the process of registering with google webmaster I uploaded a file to the root directory to verify me I guess

4) I changed the .htaccess file. I changed the part that takes all http://forsterfitness.com and redirects to http://www.forsterfitness.com

5) I used backup and migrate for the first time and did a backup to my computer

I am sure I did other things but this is all that I can think of off the top of my head. When I contacted the support people at Rackspace they said my code was not attractive to Internet Explorer, the site was fine two days ago so obviously I did something in the past day but I do not know what happened or what I did!

nevets’s picture

Stab in the dark, undo step 4 and see what happens with IE.

miahjenn’s picture

I tried it and reverted back to the old .htaccess code but I am glad you mentioned that because it got me thinking. When I made that change in code I went to IE yesterday to make sure it was switching to www automatically and it was so something after that happened because yesterday it looked fine

coxw’s picture

You may want to look into the IE conditionals(if you use them). If the CSS is jacked up, then there is a chance you have errors in that file. Since they would only be included in IE, you won't notice them in any other file. Another thing that may have happened is script errors. I am not sure how IE handles the order of includes, but if one of those modules you added are not completely IE compliant, it may have caused and error on the page. Do you see one of those yellow triangle icons in the corner of the browser signifying script error? JS with IE is touchy, as not all DOM calls work as expected.

miahjenn’s picture

I guess what floors me is that it affects two other sites, www.skolnation.com and www.teamnwa.org

I could see how modules would affect this but then why the other two? These other two are both drupal sites, one is the same template but the kicker is no changes have been made to the others in the past 2 days. I did try some modules and some modules I tried sucked so I took them off the site. I guess the question is if uploaded a module and then disabled it, could it have still caused damaged if it is currently not enabled? Also when you say yellow triangle what part of IE 8 would I see that? I am not so I would assume the answer is no but.......

miahjenn’s picture

Update

I actually went in and installed the original untouched template and it still appears the same! This will tell me that it is not an issue with the style.css file or anything to do with the template I am using. The other thing to note would be that affects two other sites. These other sites have not been touched in the past couple of days so that would mean that anything I did to the Forster Fitness site if it was anything that I did would only affected that site so what does that say that it affected 2 other sites? What do all of those 3 have in common?

coxw’s picture

http://browsershots.org/http://www.weboaster.com/

Those are screenshots taken of the site in different versions of IE. I am kind of at a loss. Since I am on Linux, I cannot really dig into it, but from those shots it looks related to flash from the videos? Then again, it would have to load the flash, which takes a sec, and the screen shots might be taken right when it hits the page. Are you sure there is no hosting issues? I have seen IE6 do some crazy stuff. Is this in all versions of IE?

miahjenn’s picture

Was that last comment for me? Not sure I follow

coxw’s picture

Yes. It was for you. Go to that URL. It has screenshots of your site in different IE browsers. Does this happen in all versions of IE?

miahjenn’s picture

Sorry I guess I am confused because it has a different URL weboaster.com so that confused me! But yes to answer your question it is that way in all screen shots so to be honest I am not sure of the URL that you gave me, check out this URL http://browsershots.org/http://forsterfitness.com/

miahjenn’s picture

To answer your question as well there is a banner from the company Banner Zest embeded in the page.tpl.php file but the flash loads properly in IE, also a day ago it all worked fine with the design and everything so it had to happen over the past couple of days. I wonder if it is anything that I did with the communication with Google such as the robots file or sitemap. I got an error once saying my robots module would not work due to having robots.txt enabled through the google tools but I would not image that would be it, as with you I am at a loss!

coxw’s picture

Holy smokes. You have loads of files being pulled in. I am willing to bet thats why IE craps out. They limit the number, which is 30? maybe 15?

Try to aggregate your CSS files.

1. Log in as your Drupal site’s administrator.
2. Go to the Administer » Site configuration » Performance page.
3. Check the Enabled checkbox for Aggregate and compress CSS files.
4. Click the Save configuration button.

Did you recently add YUI editor? That has loads of files. Firefox has a limit of 100 or something insane. Usually IE is the first to crack on these issues.

ben finklea’s picture

I had some problems with CSS in IE lately and it was because I had CSS Aggregation turned on in the performance admin. I turned it off and everything worked fine. Try it both ways.

--Ben Finklea, CEO
Volacci

Hueij’s picture

Did you solve the problem? I just looked in IE6 and IE8 and the site looks fine. If you have solved it can you tell us how you did it?

coxw’s picture

Yes. It was due to the number of CSS/JS files being included. IE has problems with this as it can only download a limited number. By turning on the aggregation, it cleared up the issue. Be weary of this if you have a lot of modules on your site.

Hueij’s picture

Thanks for sharing. I assuned already it was the number of files but it is always a good thing that when other people have the same problem and search these boards they can find the answer.