共有 SSL 使用時の html CSS の注意点

SSL で表示させる xhtml 内の、CSS へのパスの設定

<link rel="stylesheet" type="text/css" href="style.css" />

<link rel="stylesheet" type="text/css" href="http://www.kosaki.name/style.css" />

SSL で表示させる xhtml 内の、画像へのパスの設定

<img src="img/hogeimage.gif" alt="" />

CSS 内の画像（背景画像）へのパスの設定

h1 {
	background: url(http://www.kosaki.name/img/myimage.jpg) no-repeat;
}

まず、ないと思われるが、上記のように http 始まりの絶対パスで記述している場合は、以下のように、相対パス（または「/」[スラッシュ]始まりの絶対パス）に変更。

h1 {
	background: url(../img/myimage.jpg) no-repeat;
}