We have absolute paths in template, i.e.:

<link rel="stylesheet" href="/media/css/ui.css?v=3" />

When I'm trying to open https page - I get following error:

[blocked] The page at 'https://{{ full_site }}/{{secure_page}}' was loaded over HTTPS, 
but ran insecure content from 'http://{{full_site }}/media/css/ui.css?v=3': 
this content should also be loaded over HTTPS.

But path https://{{full_site }}/media/css/ui.css?v=3 is available...

Tell me, why chrome trying to load content over http on https page? And how to force it to load scripts over https on relative paths?

UPD Page loads perfectly in firefox. So this is only chrome issue. All paths are relative.

We have absolute paths in template, i.e.:

<link rel="stylesheet" href="/media/css/ui.css?v=3" />

When I'm trying to open https page - I get following error:

[blocked] The page at 'https://{{ full_site }}/{{secure_page}}' was loaded over HTTPS, 
but ran insecure content from 'http://{{full_site }}/media/css/ui.css?v=3': 
this content should also be loaded over HTTPS.

But path https://{{full_site }}/media/css/ui.css?v=3 is available...

Tell me, why chrome trying to load content over http on https page? And how to force it to load scripts over https on relative paths?

UPD Page loads perfectly in firefox. So this is only chrome issue. All paths are relative.

• javascript
• html
• google-chrome
• ssl
• https

• What is the absolute URI of the resource? – PeeHaa Commented Dec 20, 2013 at 10:18
• This might be helpful to you developer.mozilla/en-US/docs/Security/MixedContent/… – Sachin Jain Commented Dec 20, 2013 at 10:19
• Do your CSS ui.css has any url property which loads HTTP content ? – Sachin Jain Commented Dec 20, 2013 at 10:20
• 1 possible duplicate of Chrome not honoring https in relative URLs – kapa Commented Feb 28, 2014 at 0:00

1 Answer 1

This could be the reason that your CSS file ui.css may be referring to resources (e.g. images) via background or background-image property which is loading insecure content (Content from HTTP servers)

If you have resources on your site, use Relative Protocol Links like

url(//example./images/some_image.png)

Similarly, update your link to use relative protocol link like

<link rel="stylesheet" href="//{{full site}}/media/css/ui.css?v=3" />