phpファイルにcssが適用されない

Question

知識不足のため初歩的な質問かもしれないですが、ご回答いただければと思います。

最近、PHPの勉強をしたいと思い、XAMMPからApacheを起動してプログラムの動きを確認しようとしていたのですが
ファイルを開いたところ、<link>で読み込んだcssが適用されていませんでした。

開発者ツールで確認したところ、content-typeがtext/htmlとなっていたので、
自分なりに調べてhttpd.confに"AddType text/css .css"を記述し対応しようと考えました。（画像１枚目の１２行目）
しかし、結果に変化がなく、自分ではこれ以上わからなかったため質問させていただこうと思いました。

確認のために、同ディレクトリに同内容のhtmlファイルを作成したところcssが適用されたのですが、
phpファイルにも適用させる場合には、どのような設定が必要だと考えられますでしょうか。
お忙しいところ恐れ入りますが、もしよければご回答をお願い致します。

OS:Windows10
ブラウザ：MicrosoftEdge

Comments

[itagagaki]

GETに対して返されたドキュメントの中身はどんな内容になっていますか？
期待されるCSSコードが返されていますか？

[botpe]

早急な回答ありがとうございます。
確認したところ、期待した内容ではなく、
phpファイルと同内容がかえされていました。

[cx20]

<link> タグにはどのような記載がされていますか？スクリーンにあるURLだと怪しい気がします。。
http://localhost/chatapp/chatapp.php/chatapp.css

[botpe]

cx20様　
コメントありがとうございます。
タグは以下のように記載しています。
ご確認お願いします。
<link rel="stylesheet" href="chatapp.css">

[cx20]

<link> タグの内容は問題なさそうです。
ただ、その場合は chatapp.php と同じフォルダを見に行くはずなので、参照先は、
http://localhost/chatapp/chatapp.css
になるかと思います。「chatapp.php/chatapp.css」となっているのは妙ですね。。

[m.ts10806]

質問本文にコード全文提示してください。
あと、アクセスしているURL

[botpe]

cx20様

href=”../chatapp.css”としたところ、コメントしていただいた正しい場所を参照し、cssを適当させることができました。
自分1人だと気づかなかった箇所にはなるのでご指摘いただきとても助かりました。ご丁寧な対応ありがとうございました！

[m.ts10806]

コードとディレクトリ構成を提示されてればすぐに解決できたのではと。

[botpe]

m.ts10806様
ご意見ありがとうございます。
意見をいただく中で早く解決するためにはその2点を記載しておくべきでした。
以後、解決に必要な情報として何が必要になりそうか気をつけた上で質問させていただきます。
コメントありがとうございました。

Answer 1

<link rel="stylesheet" href="chatapp.css"> となっていたタグのhref属性を <link rel="stylesheet" href="../chatapp.css"> と階層を一つ上げるように変更。 そうすることで、以下にある(誤)から(正)へと参照先が変わりcssを適用できた。

(誤)http://localhost/chatapp/chatapp.php/chatapp.css
(正) http://localhost/chatapp/chatapp.css