以前tableレイアウトとSSIで作成されたページをCSSレイアウトに変更することになりコーディングしたのですが、ローカル環境では正しく表示されるのですが、いざ本番環境で見てみると、大幅なズレが出ました。
原因を調べるためFirefoxのアドオン"Firebug"でソースを確認したところ、本来表示されるべきソースが抜けてしまっていました。
本来であれば↓
<div id="Box">
<div class="a">
<div id="b">●●</div>
<div id="c">●●</div>
<div id="d"><!--#include virtual="index.html" --></div>
<div id="e">●●</div>
</div><!--a End-->
<div class="a">
<div id="f">●●</div>
<div id="g">●●</div>
<div id="h"><!--#include virtual="index.html" --></div>
<div id="i">●●</div>
</div><!--a End-->
<br class="floatcrea" />
</div><!--Box End-->
と表示させたいのですが、
実際表示されるのは↓
<div id="Box">
<div class="a">
[an error occurred while processing this directive]
</div><!--Box End-->
<div id="e">●●</div>
</div><!--a End-->
<div class="a">
<div id="f">●●</div>
<div id="g">●●</div>
<div id="h"><!--#include virtual="index.html" --></div>
<div id="i">●●</div>
</div><!--a End-->
<br class="floatcrea" />
と出て表示されてしまいます。
[an error occurred while processing this directive] のSSIエラーが出て”</div><!--Box End-->”が移動しています。原因はなんなんでしょうか?教えてください。
・使用ソフトDWcs3
・<div class="a">はfloat:left;
・サーバーはSSI利用可
・ファイル拡張子は".shtml"を利用
No.3ベストアンサー
- 回答日時:
>テーブルレイアウト時、正常に動いていたものをそのまま使用
変更した部分のHTMLコメントにSSI構文に解釈されそうなコメント・・・
<!--#・・・-->とかが混じっていませんか?
それもなく、読み込む側の構文、読み込むファイルには実績があり変更が一切ないという事なら、
とりあえずサーバ管理者になにか変更がなかったか確認してみるかなぁ。
SSIの処理ではSSI構文しか処理しませんから周りがtableからdivに変更があっても行われる処理には一切変わりがないので環境を疑うしかないです。
何かヒントがあればいいのですが。
http://www.google.co.jp/search?q=an+error+occurr …
回答ありがとうございます。
>変更した部分のHTMLコメントにSSI構文に解釈されそうなコメント・・・
><!--#・・・-->とかが混じっていませんか?
cs3の新規ドキュメント、レイアウトを使用しページを作成した際、idの終了</div>の後にコメントアウトで<!--#head End-->が記述されていました。
"#"を削除したところ、正確に表示されました。
結局<!--#・・・-->のうしろから<!--#include virtual="index.html" -->
の間のソースが抜けていました。
皆様丁寧な回答本当にありがとうございました。
そしてsteel_grayさん、ありがとうございました。
No.2
- 回答日時:
> ローカルでは動く
サーバのSSIの仕様と
あなたのファイルの記述が
マッチングしていないんだと思うわ。
サーバのSSIの仕様を確認してみて。
include virtualは/から指定してみるとか、ね。
回答ありがとうございます。
サーバーの仕様とファイルの記述はテーブルレイアウト時と同じですので、正常に動いていたものです。
>include virtualは/から指定してみるとか、ね。
ちなみにincludeするファイルは同階層に置いてあります。
ためしに<!--#include virtual="./index.html" -->と記述しましたが駄目でした...
No.1
- 回答日時:
<!--#include virtual="index.html" -->
がエラーになってるだけでしょう。(パス間違い、ファイルがない、ファイル読み込みのエラーetc..)
SSIってのはサーバ側で処理されブラウザに渡ってくるのでアドオンなど使わなくても、普通のブラウザのソース表示で期待しているように中身が埋め込まれていれば正常、[an error occurred ~が埋め込まれてきたならSSI構文実行エラーです。
http://www.tohoho-web.com/wwwssi.htm#Include
回答ありがとうございます。
><!--#include virtual="index.html" -->
>がエラーになってるだけでしょう。(パス間違い、ファイルがない、
>ファイル読み込みのエラーetc..)
テーブルレイアウト時、正常に動いていたものをそのまま使用していますので、パス間違い、ファイルがないは考えにくいかと思います。
リンク先に記述してありました<!--#include file="~" -->に変更してアップしても結果は同じでした。
ためしに<!--#include virtual="index.html" -->を記述してある.shtmlファイルの拡張子を.htmlに変更し<!--#include virtual="index.html" -->を削除してアップすると正しく表示されます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Ruby No route matches [GET] "/posts/5/destroy" 1 2022/03/24 13:00
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript 【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい 1 2022/07/29 20:52
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP 掲示板を作成しておりアップロードファイルとメッセージを並べたいので、アドバイスお願い致します 2 2023/07/17 21:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
複数のボタンを等間隔に、かつ...
-
min-heightとheightの違いについて
-
<div>テキスト</div>
-
画面を拡大すると横幅が切れる
-
CSS でテキストの点滅をするに...
-
1時間30分を簡単に表したいで...
-
cssにてボタン位置を下揃えしたい
-
htmlのolやulなどlistにtitleや...
-
ヘッダーとフッターだけ背景を...
-
SSIを利用してCSSレイアウトを...
-
hタグの右横に画像を表示
-
htmlの見出しタグ(<h1>)の次...
-
html5でheaderの中にnav
-
htmlの文字が縦書きになる
-
<table>の高さ固定。情報増加時...
-
footer を横幅いっぱいに広げる...
-
HTML要素のid/class名の長さに...
-
リストマーカーをボックス内に...
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
要素間、要素内に隙間が空く
-
画面を縮小するとカラムが落ち...
-
h1のテキストサイズよりh2の方...
-
divの中に外部のHTMLを埋め込む
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
hタグの右横に画像を表示
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
開閉式の隠し要素が一瞬表示さ...
-
html5でheaderの中にnav
おすすめ情報