Multiple duplicate CSS files impacting site display on IE due to IE CSS limit
-
Topic
-
I ran into a problem with my site loosing styling on IE9 and tracked it down to the stylesheet limitation of IE (will only load 31 style sheets).
I turned off all plugins but the TB ones and the site still loads 14 style sheets including seven copies of something called #7 – you can see that at beta.teamsfirst.ca
I checked my original jumpstart test and it loads nine CSS files including 3 copies of #3.
What are the duplicate CSs files for? I am assuming they are JS related because all that is loaded is the theme.
How do I get rid of all those #7’s?
-
Replies
-
I understand you mean about IE cutting you off when you have too many CSS files, but I’m honestly not understanding what you’re talking about with duplicate CSS files? The framework definitely does not call any assets (CSS or JavaScript) more than once.
And I’m not sure what you’re referencing when you say “#3” and “#7” — Are these supposed to be file names? Or are you trying to say the third and seventh CSS files? Sorry, just not following.
Oh darn I thought by deactivated plugins I had tracked the files to the theme but it looks like they are actually linked to a plugin – will keep looking – thanks for your help – iust knowing they are not theme CSS makes a difference.
Oh – just to explain – on my jumpstart test site I had 3 CSS files when I looked at it under firebug called #3 #3 and #3, on my main site I have seven CSS files all called #7 – and I too am confused as to where they come from and what they are doing. I think these are part of a gallery plugin.
Oh, are you talking about these numbers?
Those are actually the opposite of what you’re looking for, I think. I think those are referencing the
tags placed actually in the HEAD of your website and not actually included CSS files.
When Firebug tells you the CSS files is called “yourdomain.com” it’s telling you the CSS is located directly within the current document and not in an external CSS file. And I’m assuming the #1, #2, #3 are telling you the first, second, third, etc, sets of
in your document. And the multiple instances are just referencing different CSS rules within those style tags. If you view the source of your site you’ll see you have tons of plugins shoving tons of CSS all throughout your site’s HEAD that are completely separate from actually including CSS files.
Yep – those are the ones I was looking for – here is the odd thing – when I counted CSS files (including them) I got 33 – I killed two CSS files but turning off two sliders and suddenly IE was working.
So… does IE count them as CSS files? Weird. Maybe I need to root out some of the codes too and use proper CSS s instead.
Do you have any idea how complicated all of this is to someone who is new – wish I could do a Vulcan mind meld or something – the more I learn the more I realize I don’t know.
I find the same thing happening with your JumpStart theme – the more I get to know it the better I like it. I was trying all kinds of different ways to get the stretch layout to look more Bootstrap ish and then realized that everything I needed was in builder.
Now if you only had a Stretch Child theme with the menu beside the logo it would have been perfect – i am not going to tell you how long it took me to finally get it to work…. (and I keep expecting it to break…)
- You must be logged in to reply to this topic.