HTML help please? Problems w/SSL and includes files

Factual Questions
1

Okay I’m feeling really stupid right now, and I’m not actually dumb. I think it’s just that I’ve just been up for 24 hours looking at this code and for some reason I am blanking out.

I recently revamped this client’s site to use responsive design and adapt for mobile devices / narrower screens. What hasn’t changed is that we have a few pages that require a secure connection. On these pages there are several different SSI files. Four of them contain javascript image rotation scripts.

Despite the revamp, nothing in the Includes files themselves has changed. Nothing in the security certificate has changed. I’m calling the files identically to the original version (using “virtual” rather than “file”).

The problem? **Suddenly, if you go to the new versions of these pages, I get the $&#*# “Only secure content is displayed” warning when testing in IE. **

(Please, if you value my sanity at all, do not tell me not to test in IE. I don’t want to hear it. I know. I know. But the client’s site stats indicate a substantial number of visitors are using IE, and that means I must test in it, so DO NOT TELL ME TO ABANDON IT.)

New “Advertising” page, which is missing ad banners in the sidebar and footer beneath where there are headings that say “SPONSORS”

When I call up the old version of the file – although it’s a hot mess because the CSS is completely different and the images are in different directories, yadda yadda – the javascript rotation files show up perfectly, though they are precisely the same as in the new version, and are called identically.

Link to the old version of the “Advertising” page, which is hideous but if you scroll down you’ll see the sponsor ad banners working correctly.

So what the flippin’ hell am I doing wrong? I’m tearing my hair out and I so desperately want to go to sleep, but I can’t as long as this stupid warning is naggaing at me. Clearly there’s something really obvious that I’m screwing up, but I can’t see it through my haze. Help?

The SSI code calling all the image rotation Includes files in both cases is as follows:


<!--#include virtual="includes/ads_sidebar.html" -->
<!--#include virtual="includes/ads_bottom.html" -->

(There’s a slight difference in the new advertising page, which substitutes a slightly different Include file for narrow screen / mobile devices, but the file is called the same way, just a different file name at the end.)

I’m assuming the problem isn’t within the Includes files themselves, since they’re working for the old Advertising page, so why wouldn’t they work in the new one?

I just know it’s something I’m gonna hit myself for. Of course one big problem is that these sites aren’t using a proper CMS, which I understand, but the client isn’t interested and what he says goes.

Help?

2

Line 51 of advertising.html has a link to an non-SSL PNG: “Home - American Window Cleaner Magazine”

The link to the droid font on line 13 of advertising.html is also non-SSL:
<link href=‘http://fonts.googleapis.com/css?family=Droid+Sans:400,700’ rel=‘stylesheet’ type=‘text/css’>

I don’t really understand why you think the problem is with your SSIs but you need to fix both the above issues at a minimum.

3

Oh God, I knew it was something embarrassingly obvious. Thank you, Fuzzy Dunlop.

The reason I was assuming it was the SSI files was because when the page loaded, the only things that didn’t appear were the sponsor banners. When I clicked the warning button that said “load insecure elements” (or whatever the stupid error message says), the banners popped up.

But as you said, the problem was indeed the Google webfont (not the toggle graphic, which is fine). The sad thing is that I’m not even using Droid Sans anymore (clients wanted plain Arial), so I should’ve removed the reference by now. But again… up for now 26 hours. I’m too old for these all-nighters, ugh!

Thank you very much again! I can finally sleep with impunity.