benoit1980 Posted September 17, 2014 Share Posted September 17, 2014 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 Link to comment https://forums.phpfreaks.com/topic/291121-css-over-https-problem/ Share on other sites More sharing options...
kicken Posted September 17, 2014 Share Posted September 17, 2014 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. Link to comment https://forums.phpfreaks.com/topic/291121-css-over-https-problem/#findComment-1491385 Share on other sites More sharing options...
CroNiX Posted September 17, 2014 Share Posted September 17, 2014 http://www.paulirish.com/2010/the-protocol-relative-url/ Link to comment https://forums.phpfreaks.com/topic/291121-css-over-https-problem/#findComment-1491414 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.