html - css styles disappear over ssl -
when connected on ssl particular styles getting dropped stylesheet. can't figure rhyme or reason it's same styles consistently dropped. perhaps notably, elements hidden display:none; visible. list styles revert default browser settings , couple background images (not of them) dropped well. uri paths relative -- both page head stylesheets themselves.
for example, following works...
body { background: url(../images/bg-yellowstripes.jpg) repeat 0 0; }
however, next line not...
#masthead { background: url(../images/bg-header.jpg) repeat-x 0 100%; }
anyone have experience page display , avoid ie mixed content warning? affect internet explorer btw. firefox, safari, chrome render page normally, without ssl warnings.
it sounds you're loading css files absolute paths. example, if have site going served on http , https, should use relative path instead.
absolute: (don't this, ie give security warnings when viewed on ssl)
<link rel="stylesheet" href="http://mydomain.com/css/style.css" />
relative:
<link rel="stylesheet" href="/css/style.css" />
if style coming domain (such cdn), use double slashes instead of specifying protocol. cause path inherit protocol page requested when making css request.
<link rel="stylesheet" href="//otherdomain.com/css/style.css" />
also, use ie developer tools. tell network resources being loaded page under ssl , not.
Comments
Post a Comment