protocol relative URLs “Internet explorer does not like mixers”

The problem CSS, Images and Styleheets called via fully qualified URL <link type=“text/css” href=“http:// @import url(‘http:// background-image { url(‘http:// <img src=“http:// <script src=“http:// If page is loaded via https:// connection then the page will contain mixed content, i.e. the page will be encrypted but the content above will be unencrypted So what you may ask!

The solution Drop the http: <link type=“text/css” href=“// background-image { url(‘// <img src=“// <script src=“// Example: https://www.sandbox.unimelb.edu.au/schrelurl-test/index2.html https://www.sandbox.unimelb.edu.au/schrelurl-test/

Details Caveats Read more Remember any assets (stylesheets, images etc) being called must available via both http and https There is a small bug with IE7 & IE8: When used with <link> and @import the requested css file will be downloaded twice Read more http://paulirish.com/2010/the-protocol-relative-url/ http://blog.httpwatch.com/2010/02/10/using-protocol-relative-urls-to-switch-between-http-and-https/