全く同じファイルなのにホームページの表示が変わる？

質問

ホームページの表示が変わってしまう原因について教えてください。

現在、「http://○〇会社.jp/」のサブディレクトリに★★会社のホームページを置いています。
なので、★★会社のホームページは、「http://○〇会社.jp/★★会社/index.php」になります。
因みに★★会社はドメインを取得しているので、ＵＲＬは「http;//★★会社.jp/index.php」となっています。

同じファイルなのに表示が変わってしまうというのは、「http://○〇会社.jp/★★会社/index.php」で表示した時と、「http;//★★会社.jp/index.php」で表示した時で、同じindex.phpなのに、入力フォームや画像等の大きさが「http;//★★会社.jp/index.php」のほうが小さく表示されてしまうということです。
もちろんＣＳＳ等も全て同じ記述です。
ただ違うのは、ＵＲＬの頭に○〇会社が付くか付かないかだけです。

ＵＲＬが変わると表示が変わってしまうものなのでしょうか、ホームページの作成等全くの素人で原因が追求出来ずに困っております。
詳しく教えていただけると助かります、宜しくお願いします。

【補足説明】
WordPressを使用していてバージョンは3.4.2です。
確認時のブラウザは同じブラウザを使用しています。

回答No.2

ORUKA1951 · ベストアンサー

それは変わるはずです。当たり前・・
そのファイルに、そのページを描画するのに必要な追加ファイル--画像/スタイルシート/javascriptなどがある場合、ブラウザは改めてサーバーにそのファイルを要求しますが、そこに
<img src="./images と書かれていたら、今いるはずの場所の下を要求しますね。
※webサイトの「index」を非表示にしたい - HTML - 教えて！goo ( http://okwave.jp/qa/q7721306.html#a4 )に説明しています。

　よってすべての参照ファイルをその都度書き換えなければなりません。

　サブディレクトリに、下位ディレクトリを指定するととても厄介なことになります。PHP側でルートより上を参照するパスはhttp://で始まるパスに書き換えるようにすることなど--

お礼

＞ORUKA1951さん

ご回答ありがとうございます。
それと、返信遅くなり申し訳ございません。

CSSファイルの参照先も絶対パスに書き換えました。
ただ、原因はデフォルトCSSのリセットと私のCSSの記述に問題がありました。

参考のリンクありがとうございます。
大変参考になりました、これから気を付けてホームページを作っていこうと思います。

いつもありがとうございます。

回答No.1

notnot

CSSファイルの場所が絶対パスで書いてあると思うので、
http;//★★会社.jp/index.php
を想定してページが作ってあると、CSSファイルはたとえば、/main.css だとすると、index.phpと同じ階層にあればいいわけですが、
http://○〇会社.jp/★★会社/index.php
でアクセスしたときには、index.phpと同じ階層でなく、/★★会社 と同じ階層にある必要があります。
従って、何も考えてないと、CSSファイルが読めなくて表示が意図通りになりません。

お礼

＞notnotさん

ご回答ありがとうございます。
そして返信遅くなり申し訳ございません。

CSSファイルは同じ階層にあって、参照先も問題ありませんでした。
ですが、原因はデフォルトCSSのリセットと私のCSSの記述に問題がありました。

CSSの表示についてとても勉強になりました。

いつもありがとうございます。