SSIでのエラーと階層について

Question

下記のサイトのフッターにリンクを2ページ追加して、サーバー内のフォルダに格納しています。

http://footclear.jp/

メーカー希望小売価格
http://footclear.jp/teika/1.html

メーカー希望小売価格セット
http://footclear.jp/teika/2-2.html

ヘッダー、フッター、サイドナビはサーバーサイドインクルードで読み込んでおり、下記の
ように書いてありますが、フッター以外のヘッダーとサイドナビの画像が表示されません。

<!--#include virtual="../header.shtml"-->
<!--#include virtual="../gnavi.shtml"-->
<!--#include virtual="../subnavi.shtml"-->

<!--#include virtual="../footer.shtml"-->

「an error occurred while processing this directive」というエラーは上記サーバーサイドインクルードの「../header.shtml」を「header.shtml」にしたときに表示されていましたが、「../」を追加することにより改善しました。

しかし、ヘッダーとサイドナビの画像を表示できなくなったので、どうしたらいいかという質問です。

あとは階層が「/teika/1.html」になっているせいか、このページからhome(index.html)や各ページに飛ぶと「teika/」と表示されて戻れません。

フォルダから1.htmlファイルを外せば解決はするのですが、この「teika/」という階層にしたいというクライアントの意向です。　

どうしたらいいでしょうか？

Answer 1

ルートディレクトリからのパスで指定するとうまくいくと思います。
例えば、header.shtmlの <h1> 部分なら以下のように。

<h1>
    <a href="index.html"><img src="../images/logo.gif" alt="ニオイのプロフェッショナル臭気判定監修の足の消臭パウダー「フットクリア」"></a>
</h1>

↓

<h1>
    <a href="/index.html"><img src="/images/logo.gif" alt="ニオイのプロフェッショナル臭気判定監修の足の消臭パウダー「フットクリア」"></a>
</h1>

Comments

[chamaki40]

度々、回答ありがとうございます。　ご教示頂いたパスで指定したらリンクも問題ありませんでした。

簡潔に早く教えて頂いたのでベストアンサーとします。

ご面倒おかけしてすいません。

Answer 2

header.shtmlやgnavi.shtml内のimgタグで読み込んでいる画像を相対パスから絶対パスに変更するといかがでしょうか。

Comments

[chamaki40]

回答ありがとうございます。　headers.html、gnavi.shtml、subnavi.shtml、footer.htmlのファイルをコピーして2とし、それぞれのファイルにルートを「../」と書いたら画像は表示されました。　ただし、このページ(1.htmlと2-2.html)から他のページに遷移すると、ディレクトリが~/teika/になっているので、http://footclear.jp/teika/index.htmlとなって表示ができません。