test } #zentai{ width: 850px; margin: 0 auto; text-align: left; background-color:red; } test このコードを実行するとＩＥだと、色が赤くなるのですがスレイプニルやグーグルのブラウザだと何も色が付きません。なぜでしょうか？

IE以外は色が付かない　なぜ？

解決済

質問者：GRIDKWBKMYD
質問日時：2014/01/19 23:31
回答数：2件

<html>
<head>
<title>test</title>

<style type="text/css">

}
#zentai{
width: 850px;
margin: 0 auto;
text-align: left;
background-color:red;
}

</style>

</head>
<body>
<div id="zentai">

test

<div>

</body>
</html>

このコードを実行するとＩＥだと、色が赤くなるのですが
スレイプニルやグーグルのブラウザだと何も色が付きません。

なぜでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： DrFell
回答日時：2014/01/20 07:13

<style type="text/css">

}
最初の「　｝　」が邪魔してます。

それから、htmlでは、divが閉じられていません。

ケアレスミスに注意しましょう。
タグ補完してくれるようなお助けツールをしよすると、ミスが減るような気がします。

- 0
- 件

通報する

この回答へのお礼

おっしゃるところを直したら治りました！
ありがとうございます。

通報する

お礼日時：2014/01/25 13:22

No.1

回答者： ORUKA1951
回答日時：2014/01/19 23:50

間違っているから(^^)

　⇒W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_ … )
2 文法解析エラーが発生しました }

　グーグルのブラウザ(Google Chrome)は兎も角、スレイプニルはIEと同じTrident、およびWebkitがレンダリングエンジンですから、テスト用には？？

　Gekoを使用するFirefoxも必要です。特にFirefoxは開発者向けツール( https://addons.mozilla.jp/firefox/extensions/dev … )が豊富ですから、この問題も気がつくはず・・