質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.59%

ローカルではcssも動くのですが、さくらサーバにアップすると動作しなくなりました。cssも動作するようにさせるにはどうすればいいですか?

解決済

回答 4

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 13K+

score 392

ダヴィンチカートを使用するため、文字コードはShift-JISを使いたいです
JavaScriptとcssが動かなくなりました。
リンクはしています。
.htaccessを消してみても表示結果に影響はありませんでした。

[リンク]

追記

すみません、JavaScriptは動作しているみたいでした。
cssの動作不良で気づきませんでした。

レンタルサーバはさくらです。

追記

html, cssはshift-jis、エンコードもShift-JIs
JavaScriptはUTF-8です。
今やりたいことは、CSS、JavaScriptともに読み込ませること。
 文字コードはShift-JIS
現状、ローカルでは何も問題なく動作します。
 さくらにアップするとcssの読み込みをしなくなります。(JavaScriptは読み込み可能です。)
開発者ツールをチェックしてみたところ、href=""は問題なくはれているみたいです。
リンクをしているのにcssを反映しない理由がわかりません。

cssには日本語込みです(コメント用)。


ビルダーで作ったhtml/cssを書き変えてとの指示で、JavaScriptとかのサーバサイドまったくわかってないです。
.htaccessも初めて触っています。


追記 03/07/08:31
返信が遅くなりすみません。
.htaccessの全文です。

AddDefaultCharset Shift-JIS
DefaultLanguage ja
SetEnv TZ JST-9

AddType "text/html; charset=Shift-JIS" .html .css .js
AddType text/css .css

DirectoryIndex index.html .ht

ExpiresActive On
ExpiresByType image/gif         "access 7 days"
ExpiresByType image/png         "access 7 days"
ExpiresByType image/jpg         "access 7 days"
ExpiresByType image/jpeg         "access 7 days"
ExpiresByType text/css          "access 7 days"
ExpiresByType image/x-icon      "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresDefault                  "access 1 days"

<FilesMatch "\.(css|js|jpeg|jpg|gif|png|ico)$">
  Header set Cache-Control "private, must-revalidate"
</FilesMatch>
<FilesMatch "\.(gif|png|jpeg|jpg|css)$">
  ExpiresDefault           "access 7 days"
  Header set Cache-Control "max-age=604800"
</FilesMatch>
<FilesMatch "\.(icon|js)$">
  ExpiresDefault           "access 1 month"
  Header set Cache-Control "max-age=2592000"
</FilesMatch>

RewriteEngine on
RewriteCond %{HTTP_HOST} ^(www\.test\.com)(:80)? [NC]
RewriteRule ^(.*) http://test.com/$1 [R=301,L]
order deny,allow

<FilesMatch "^(\.htaccess|\.txt|\.xml)$">
deny from all
</FilesMatch>

<Files ~ "^\.(htaccess|htpasswd)$">
deny from all
</Files>
RewriteEngine on
RewriteCond %{HTTP_HOST} ^(www\.test\.com)(:80)? [NC]
RewriteRule ^(.*) http://test.com/$1 [R=301,L]
order deny,allow

AcceptPathInfo Default


AddType text/css .cssは追記しましたが、変わりありませんでした。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • ogaaaan

    2016/03/04 13:55

    ありがとう!
    やったー!ソースコードだ!

    キャンセル

  • makoto-n

    2016/03/04 14:00

    おねがいします。orz

    キャンセル

  • 退会済みユーザー

    2016/03/09 16:05

    他のユーザから「意図的に内容が抹消された質問」という指摘を受けました
    解決後に編集機能を用いて質問内容を改変し関係のない内容にしたり、内容を削除する行為は禁止しています。
    投稿していただいた質問は、後に他の誰かが困ったときに助けになる情報資産になると考えるからです。
    「質問を編集する」ボタンから編集を行い、他のユーザにも質問内容が見えるように修正してください。

回答 4

checkベストアンサー

+3

問題になっているのはリンク先の「container_12Eb_2c_top.css」ですか?
確かにファイルとしては受け取ってますが、中身からっぽですね。
cssファイルに直接アクセスするとコードは表示されるので、ファイルは存在するようです。
http://test.tsumutama.com/container_12Eb_2c_top.css

次のような実験をしてみたところ

<link id="aa" rel="stylesheet" href="container_12Eb_2c_top.css">


このようにid付けて、choromeのディベロッパーツールで次のようなJavaScriptを実行してみると

document.getElementById("aa").href = "http://test.tsumutama.com/container_12Eb_2c_top.css?a=1";


「Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://test.tsumutama.com/container_12Eb_2c_top.css?a=1".」
このようなエラーが出ます。
「スタイルシート要求したのにMIME TYPE htmlが返ってきてるよ!」ってな感じでしょうか?

サーバー上で、「container_12Eb_2c_top.css」がcssファイルとして認識されていない感じですね。
.htaccessで「AddType text/html .css」のような指定をしたりしていないでしょうか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/03/04 16:20

    なるほどー。
    試してみます!

    キャンセル

  • 2016/03/07 08:29

    返信が送れてすみません。
    変わりありませんでした。

    キャンセル

  • 2016/03/07 19:10

    なぜかパーミッションが書きかえられていました。
    ありがとうございました。

    キャンセル

+1

 cssを直接ブラウザで開いてみる

cssを直接ブラウザで開くことはできますか?
http://localhost/css/app.css だとしてこれがちゃんと見れていますか?
見れていなければパーミッションがどうなっているか教えてください。
ターミナルで操作しているならls -la コマンドを。
GUIツールを使っていれば、ファイル名の右側に表示されているかと思います。

 設置場所を疑う

href= は開発者ツールで見れているとのことですが、
そこを右クリックして新規タブで開いてみてください

これが直接cssをブラウザで開いて見ることのできたURLと異なっていれば、
設置場所が原因です。

たとえば、ローカルでindex.htmlapp.cssが同じ場所にあるのに
index.htmlcss/app.cssの関係になっている場合です。

同階層にあるという書き方をされているので、みてみてください。

どちらでもなければまた、ご相談ください

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/03/04 14:54

    ありがとうございます。
    どちらでもないです、CDNはいっさい使用していません。

    キャンセル

  • 2016/03/07 08:45

    この状態になったのは.htaccessをいじり始めてからのことで、それ以前まではcssも開けていました。

    キャンセル

+1

Content-Typetext/html; charset=shift-jisとなっているのが気になりました。
なにか動的な出力をしてませんか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/03/04 14:56

    ありがとうございます。
    いいえ、上記は上げる前のローカルに保存してあるものです。
    CDNやPHPを使用する前の状態がこれです。

    キャンセル

  • 2016/03/04 16:10

    他のファイルも調べてみたところ、jsファイルも同じようにヘッダがおかしいです。何もしていないのであれば、サーバの設定を疑ってみた方がいいと思います。
    さくらのレンタルサーバだと、設定変更する方が難しいとは思いますが……

    キャンセル

0

ブラウザの履歴を一度全部消してみてはどうでしょうか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • トップ
  • HTMLに関する質問
  • ローカルではcssも動くのですが、さくらサーバにアップすると動作しなくなりました。cssも動作するようにさせるにはどうすればいいですか?