匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

今、サイト制作をしていますが、ブラウザ表示についての疑問です。


IE(ver10、11)で、外部cssを読み込まず表示が崩れます。
以前(ver7くらいの時)は問題ありませんでした。

また、chrome、safari、fireFox、operaでは問題ありません。
firefoxのfirebugでチェックもしましたが特に問題はありませんでした。
webで色々探しましたが、(charset=utf-8の表記について、パスの間違い、記述ミス…)原因がわからずじまいです。

が、散々ローカルで試したあげく解決せず、ためしにcssをレンタルサーバーにアップし、
htmlコード内の記述を絶対パスにしたところ、崩れずきちんと表示されました・・・

しかし修正するたびに一々cssをサーバーにアップして確かめて…なんてのは面倒すぎです;;
ローカルにてIEが相対パスでもcssを読み込むようにしたいのですが、
同症状の解決策をご存知の方、助けてください<m(__;)m>

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/03/21 18:00:55
  • 終了:2014/03/28 18:05:08

回答(1件)

匿名回答2号 No.1

匿名回答2号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2014/03/22 03:08:33

ctrl キーを押しながら、F5 を押してみる。

「ローカル」って言ってるのは、ローカルに apache とかを立ててるんじゃなくて、file: で読み込んでるんでしょう。
IE が、キャッシュの制御がきちんとできていないんだと思います。

F5 キーも面倒なので、ローカルに apache なり an httpd でも何でも良いので httpd を立てた方が良いと思いますよ。

匿名質問者

見てくださってありがとうございます。

>ctrl キーを押しながら、F5 を押してみる。

してみましたが、IEでの表示は変化ありませんでした;;

>F5 キーも面倒なので、ローカルに apache なり an httpd でも何でも良いので httpd を立てた方が良いと思いますよ。

すみません、私にはむずかしいです;;

2014/03/22 12:09:10
  • 匿名回答1号
    匿名回答1号 2014/03/21 18:20:52
     確認させてください。
    |  |サーバ|ローカル|
    |相対| ○ | ×  |
    |絶対| × | ×  |
    ↑この状態で合ってますか?
     
     また、ローカル環境というのは、localhost で参照してますか? それとも Windowsのファイルパスで参照してますか?
  • 匿名質問者
    匿名質問者 2014/03/21 18:55:01
    見てくださってありがとうございます。


    |  |サーバ|ローカル|
    |相対| ○ | ×  |
    |絶対| ○ | ○  |

    この状態です。

    >localhost で参照してますか? それとも Windowsのファイルパスで参照してますか?

    すみません、上記の意味がよくわからなくて;;

    ええと、
    ローカル環境=製作しているPC上
    だと思ってましたので、そう表記していました。


    外部cssのhtml内タグは以下のように表記しています。

    【1】

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>タイトル</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>

    で、これを
    【2】

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>タイトル</title>
    <link href="http://○○レンタルサーバー.com/css/style.css" rel="stylesheet" type="text/css" />
    </head>

    のように記述するとIEでも問題なく表示される、という状態です。
    (他ブラウザでは、【1】でも【2】でも表示されます)


    よろしくお願いします<m(__)m>
  • 匿名回答1号
    匿名回答1号 2014/03/22 09:30:38
     もうひとつ確認させてください。
    「ローカル」で「絶対パス」の場合は、
    file:///C:/....../css/style.css
     のように書いているということでいいでしょうか?
     
     それとも「ローカル」でも
    http://○○レンタルサーバー.com/css/style.css
     のように書いているんでしょうか?
  • 匿名質問者
    匿名質問者 2014/03/22 12:21:48
    ありがとうございます。

    >ローカル」で「絶対パス」の場合は、
    >file:///C:/....../css/style.css
    >のように書いているということでいいでしょうか?
     
    >それとも「ローカル」でも
    >http://○○レンタルサーバー.com/css/style.css
    >のように書いているんでしょうか?


    ローカル(製作しているPC上)でも、
    html内のタグに、

    <link href="http://○○レンタルサーバー.com/css/style.css" rel="stylesheet" type="text/css" />

    と記述(cssファイルをアップロード済)すると、表示されます<m(__)m>
  • 匿名回答1号
    匿名回答1号 2014/03/22 15:56:46
    ローカルのファイルを表示している時に、ブラウザのアドレスバーは
    C:\...\index.html
    のように表示されてると思うのですが、これを
    C:\...\css\style.css
    あるいは
    C:\.../css/style.css
    のようにした時、ファイルは表示されますか?
  • 匿名質問者
    匿名質問者 2014/03/25 21:58:11
    ありがとうございます。

    お返事が遅れましてすみません;

    >C:\.../css/style.css

    のときには、IE以外のブラウザ(chromeやfirefox)はCSSファイルが表示されますが、IEは何も表示されません<m(__)m>;;

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません