CSS over https problem

[benoit1980]

Hello,

 

I cannot work out this one.

 

I am loading a css file on an https page as:

<link rel="stylesheet" type="text/css" href="/assets/fa687e60/jui/css/base/jquery-ui.css" />

 

But using the chrome element tool I see this error:

 

The page at 'https://mysite.com/deal/create' was loaded over HTTPS, but displayed insecure content from 'http://mysite.com/css/images/ui-bg_glass_55_fbf9ee_1x400.png': this content should also be loaded over HTTPS.

 

 

 

Now I went in the css file and the code is like that:

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1;background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color: #363636;}

 

 

All my images are loading that way and it seems to be causing problems on all my https pages, any idea how to fix this please?

 

Thank you,

 

Ben

 

 

 

 

[kicken]

If all the paths are relative, it should be loading everything from https:// as well.

 

Make sure you are not specifying an absolute (beginning with http://) path anywhere and that the page does not have a <base href=""> pointing to a http:// path.

[CroNiX]

http://www.paulirish.com/2010/the-protocol-relative-url/