![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<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>
このコードを実行するとIEだと、色が赤くなるのですが
スレイプニルやグーグルのブラウザだと何も色が付きません。
なぜでしょうか?
No.2ベストアンサー
- 回答日時:
<style type="text/css">
}
最初の「 } 」が邪魔してます。
それから、htmlでは、divが閉じられていません。
ケアレスミスに注意しましょう。
タグ補完してくれるようなお助けツールをしよすると、ミスが減るような気がします。
No.1
- 回答日時:
間違っているから(^^)
⇒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 … )が豊富ですから、この問題も気がつくはず・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ページによって表示位置がずれ...
-
bodyにidをつける理由は何ですか?
-
ページの読み込みが完了してか...
-
ボタンが押されたらWebページの...
-
ページを読み込み直さずに、sel...
-
上下にイメージをリピートさせたい
-
ページ自動ジャンプをリセット...
-
(Javascript)印刷するファイル...
-
formタグって必要ですか?
-
<a href="#" …>の意味を教えて...
-
UAによるリダイレクト
-
外部読み込みで動かないときの...
-
Cookieの回数で閲覧制限、javas...
-
他のページ更新
-
フレーム分割領域のサイズを変...
-
色の指定で配列を使いたい
-
DOMで生成したタグにCSSが適用...
-
セレクトメニューでリンクの際...
-
小ウインドウのスクロールバー
-
javascriptでalertの文字列をコ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
横スクロールを右から左へ・・・
-
スクロールバーのスクロール量...
-
bodyタグの範囲について
-
テキストをクリックすると答え...
-
"mailtoでメールの【氏名】【性...
-
「overflow: hidden」ペー ジ内...
-
ページの読み込みが完了してか...
-
DOCTYPE宣言をするとstyleが適...
-
外部ページからハッシュタグ(...
-
mailtoで質問・・・
-
divで作成したテキストボックス...
-
javaScript Nullまたはオブジェ...
-
ボタンが押されたらWebページの...
おすすめ情報