外部CSSがモバイルで読み込まれません

PC(googlechrome)では外部cssが読み込まれるのですが、モバイルで読み込まれず困っています。
テンプレートで
<link rel="stylesheet" type="text/css" href="../css/○○.css">
と指定いるのですが、
エラーログを見ると
Invalid URI in request GET /../css/○○.css HTTP/1.1
というのが残っています。
機種はauのw65Tです。

宜しくお願い致します。

No.2 ベストアンサー 回答者： mtaka2 回答日時： 2009/11/14 08:46

cssファイルの相対パスを間違えていませんか?

おそらく、問題のページは、そのホストのトップにあるように見受けられます。
例えば、
http://example.jp/hogehoge/fugafuga.html
といった形で、一つ以上階層があるなら、そこからの相対で「../css/○○.css」は、参照元の hogehoge の一つ上のcssの下、ということで
スタイルシートは
http://example.jp/css/○○.css
が読み込まれます。

ところが、
http://example.jp/fugafuga.html
のような、そのサイトのトップからの場合、「一つ上」がありません。
そのため、携帯からのアクセスの場合、無理矢理「一つ上」にアクセスしようとして
> Invalid URI in request GET /../css/○○.css HTTP/1.1
というエラーになっているのだと思います。

一方、Chrome など、PC用ブラウザの場合は、「一つ上に上がる」ことができないのを認識して「../」の指定は無視し、
http://example.jp/css/○○.css
にアクセスするようです。
そのため、たまたまPCではうまくいったということなのでしょう。

この回答へのお礼

>mtaka2さん
ありがとうございます。
chromeがそういう処理をしてたんですね。
ご指摘を参考にapacheの設定を変えてうまくいきました。
本当にありがとうございました。

お礼日時：2009/11/14 10:29

No.1 回答者： noname#100277 回答日時： 2009/11/13 23:10

CSSの内容次第では？

auや該当端末では読み込まないセレクタの可能性が高いです。

この回答への補足

aidesさん
回答ありがとうございます。

CSSの内容次第とは具体的にはどういうことでしょうか？

補足日時：2009/11/13 23:47