[eluser]Kobus M[/eluser]
[quote author="niwa" date="1329215803"]thanks for the replies,
@robertotra and CroNiX both methods are working, all browsing url are forced in SSL, however,
there is still mixed content due to CSS background images.
Css is correctly loading from https in the browser :
Code:
<link type="text/css" rel="stylesheet" href="https://domain.com/css/main.css" media="screen" />
but inside it, background-image are still loading from http://
I use relative paths as in the CSS file such as :
Code:
background:url(../img/image.png)
Putting absolute paths could probably fix that, but isn't there a more elegant solution ? Absolute paths are hard to maintain as there are different production environments ...
[/quote]
You could look into less. lesscss.org, which allows you to use variables in CSS, where you can define the server base path as a variable in your CSS file.
This is untested, but should give you an idea.
Code:
@development: https://www.impero.co.za/test
@production: https://www.impero.co.za/
@switch: @development;
bg {
background-image: url(@switch/images/background.png);
}
Hope this helps someone.
Kobus
