-
1:ID:tIZUws · 2017-09-07

#質問 アドバイスお願いします。
サーバー上でCSSが反映されず、困っています。
サーバーからローカルへ引っ張ってくると、誰でも見れるようなのですが…。
階層は下記の通りです。

■ローカル
デスクトップ
　Lサイトフォルダ
　　　L index.html
　　　L css
　　　　L reset.css
　　　　L layout.css
　　　　L top.css

■サーバー
サーバー
　Lフォルダ
　　Lフォルダ
　　　Lサイトフォルダ
　　　　　：

階層が変わるから繁栄されないのでしょうか？
サーバー上のhtmlをDWで開いて、CSSのリンクを自動（参照）で入れても記載は同じでした。
htmlは下記です。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>＊＊＊＊＊</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/top.css" rel="stylesheet" type="text/css" />
</head>

よろしくお願いいたします。

いいね! 19 あとで

19 件の回答

時系列表示 — 階層表示
2:ID:o6JBcc · 2017-09-07

情報がもうちょっと欲しいような。。。
キャッシュ？
ローカルとサーバーにある id / class名が違うとか？
サーバー上のファイルを直接いじっててよくあるけど。。。

いいね!
3:ID:主 · 2017-09-07

早速ありがとうございます。
ローカルで作ったものをまるっとそのままアップしているので、id/class名が違うということはないです。

もしかしたら、色指定系が反映されていないだけかもしれません…。
（大きく見栄えが変わるので、全然反映されてないのかと思ってました）
ブラウザはIE最新で、カラーはrgba指定してます。

background-color:rgba(180,180,180,1.00);

いいね!
4:ID:qLbdek · 2017-09-07

/css/reset.css
↑スラッシュいれてみるとか

いいね!
5:ID:主 · 2017-09-07

ありがとうございます。
他の方の質問を参考に、それも試してみたのですが変化ありませんでした。

いいね!
7:ID:主 · 2017-09-07

ちなみに、IEが悪いのかと思いクロームで確認したところ、問題なく見れました。
改めてみると、はやり色系だけが反映されていないようです。
ターゲットブラウザがIEなので、お知恵を拝借させてくださいm(__)m

いいね!
8:ID:i/Kv4X · 2017-09-07

id 重複してると思うよ

いいね!
11:ID:主 · 2017-09-07

Re:9
 ありがとうございます。
background、zoomともに変化ありませんでした。
ブラウザによって追加で記述が必要場合もあるんですね。

いいね!
12:ID:k.5mJ4 · 2017-09-07

簡単なものでテストしよう。

いいね!
13:ID:主 · 2017-09-07

Re:12
 おっしゃる通り、と思い簡単なテストをしました。

■html
<body>
<div id="test1">
<p>ああああああああああ</p>
</div>
</body>
</html>

■css
#test1{
widows: 1200px;
margin: 0 auto;
background: rgba(160,85,86,1.00);
}

これで確認したところ、やはりクロームは表示できてIEは表示できませんでした。
marginは効いてるのですが。。。
記述方法が悪いのでしょうか…。

いいね!
14:ID:BOu3wi · 2017-09-07

ieのバージョンによってはrgba使えない気がした

いいね!
15:ID:bslf2A · 2017-09-07

本当だ、IE8では対応してないっぽい
https://memocarilog.info/webdesign/7509

いいね!
16:ID:9moU84 · 2017-09-07

ありがとうございます。
なるほど、IE8では未対応なんですね。
とはいえ、今のバージョンは11なんですよね…。
よくよく見ると文字色も反映されてませんでした。
IEの場合、色をrgbaで指定すること自体無理なんでしょうか…。
一度コードで指定してみます。

いいね!
17:ID:9moU84 · 2017-09-07

解決しました。
rgbaはもちろん、opacityやinheritなど、使っていた記述が全く使えない事がわかりました。
そのあたりを調整してアップすることにします。

お忙しい中ご回答いただきました皆様、本当にありがとうございました。

いいね!
18:ID:9moU84 · 2017-09-07

キャッシュを消してIEで確認したため、IDが変わってしまいました…。
解答の締め切りができませんが、締め切らせていただきますm(__)m

いいね!
19:ID:BOcM.Q · 2017-09-08

本題と関係ないみたいだけど、widows: 1200px;っておかしくね？
単位なしの数値しか指定できないよ。
まあ、できたとしても1200って・・・

いいね!
20:ID:k.5mJ4 · 2017-09-08

Re:13
 そこら辺のテキトー記事でもいいから、次回からブラウザの対応状況くらい目を通しておこうね。

いいね!
2 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る