環境:UbuntuServer18.04LST,Apache2
ドキュメントルートより以下の階層に置いた場合は問題ない。
ドキュメントルートと同じ階層なら
<link rel="stylesheet" href="style.css">
一つ下のcssなら
<link rel="stylesheet" href="css/style.css">
そこで、一つ上の階層のcssに置き
<link rel="stylesheet" href="../css/style.css">
とすると、反映されません。ただし、この場合に下の階層に置いたcssディレクトリを
そのまにしておくと、見かけ上は反映されます。
つまり、../と相対パスで上の階層を指定しても、下にあるcssを見てしまっています。
事実、下の階層のcssディレクトリを削除するか名前を変更すると反映されません。
パーミッション等は問題ないと思いますが、試しにドキュメントルートより上の階層の
単純なテキストの読み書きができるか相対パスが通るかどうか試しましたが、問題ありませんでした。
何か見落としている点があるのでしょうか。
よろしくお願いします。
No.1
- 回答日時:
CSS の反映とは Web ブラウザーが行うものなので、
参照元と参照先の URL で考えましょう。
(例)
参照元 = https://example.com/foo/index.html
参照先 = https://example.com/css/style.css
→ 相対指定なら "../css/style.css"
→ 絶対指定なら "/css/style.css"
「ドキュメントルートより上の階層にあるcssファイル」とは、
いったいどのような URL になるのでしょうか?
No.2
- 回答日時:
ドキュメントルートから「../」とやってもエラーになるのが普通です。
「単純なテキストの読み書きができるか相対パスが通るかどうか試しました」というのは、どのようにテストされたのでしょうか?
もしドキュメントルートより上の階層の読み書きができるとしたら、セキュリティ的にかなり危険だと思うのですが。
(cgiを使うとか、FollowSymLinksとかできないわけではないですが)
No.3
- 回答日時:
..で1個上の階層。
/が有るから、そこから見て、その下のcssフォルダ。
つまり自分の居るフォルダの兄弟フォルダを参照してる訳。
../../css/style.cssとしないと1個上の階層フォルダにならない。
No.4ベストアンサー
- 回答日時:
>count.txtをドキュメントルート以下に置くと、urlをたたくと中身が見えてしまいます。
>したがって、ドキュメントルートより上の階層に置くほうが良いのでは・・・。
>それと同じ発想で、cssのurlを叩いて中身が見られないようにするには上の階層に置くべきかと
>思ったのですが、../ではだめなのです。
それだけ理解されているならもうおわかりと思いますが。。。
count.txtのようなブラウザから「見えてはいけない」ファイルをドキュメントルートの上の階層に置くのは正しい認識です。cgiから読めれば良いわけです。
で、cssは「見えてはいけない」のではなく「見えなければいけない」ファイルなんです。
ブラウザから見えなければ(アクセスできなければ)そのファイルはNotFoundとなり、スタイルシートが反映されないのが自然の流れです。
ありがとうございます。
個人のPCの中だけで試して通用することと、サーバー環境では違うのですね。
見えなければいけないものを、見ることができない場所においてはいけない。
納得です。
No.5
- 回答日時:
CSSの中に階層指定で画像ファイル等を参照する様になってる筈(バックグラウンドイメージ等)だから、そこを修正する必要が出てくる。
background : url(・・・・)とか
background-image: url(・・・・)
の・・・・部分
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- Ruby htmlの記述で link rel=stylesheet href=ress.cssの指定をする l 1 2023/04/02 21:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html とcssのリンクがうまくい...
-
cssで、ボタンのテキスト部分を...
-
[Dreamweaver8]テンプレートに...
-
cssファイルを階層の異なるHTML...
-
ブラウザによる表示の違いについて
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
「MS Pゴシック」と同じ幅の...
-
EXCEL VBA 印刷プレビューダイ...
-
CSSを一部無効にしたい
-
ワードでゴシックの文字を太く...
-
エクセルVBAが中国のPCでは動か...
-
縦書きテキストボックスの表示"...
-
英語版OSでの遊明朝、游ゴシック
-
【スタイルシート】 半角と全角...
-
ペイント3Dのテキストサイズ変更
-
font-family の記載方法
-
MsgBoxについて
-
ASP VBscript でメッセージボッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報
例えば、PHPでアクセスカウンターを表示するような場合に
PHPファィルを置いた階層(ドキュメントルート)の1つ上のディレクトリ、wwwdataに
count.txtを置いて
・・・途中略・・・
$f = fopen("../wwwdata/count.txt", "r+");
・・・以下略・・・
で問題なく動作します。(../の指定は間違っていない)
count.txtをドキュメントルート以下に置くと、urlをたたくと中身が見えてしまいます。
したがって、ドキュメントルートより上の階層に置くほうが良いのでは・・・。
それと同じ発想で、cssのurlを叩いて中身が見られないようにするには上の階層に置くべきかと
思ったのですが、../ではだめなのです。