• ベストアンサー

FireFoxでCSSのボーダーが反映されません

FireFoxでのCSS表示について教えて下さい。 現在、IEでは見れるものがFireFoxで反映されておりません。 どこかに原因があるとは思うのですが、見つからないのです。。。涙 Bodyとページ全体のCSS、及び問題箇所のCSSを記述します。 #body { margin: 0px;  width: 100%;  padding: 0px;  border: 0px;  height: auto;} #page { background-color: #ffffff;  width: 746px;  height: auto;  margin: 0px;  padding: 0px;  border-collapse:collapse;  border: 0px;  border-spacing:0px;} #page td {line-height: 120%;  font-size: 12px;  color: #000000;} #contents1 {width: 746px;  border-collapse:collapse;  border-spacing:0px;  margin:0px 0px 5px 0px;}  border: 1px solid #666633; #contents td {font-size: 12px;  line-height: 120%;  color: #000000;  padding-top: 2px;  padding-bottom: 2px;} #contents2 {width: 350px;  height: 45px;} #contents2 td { border: 1px solid #999999;  font-size: 12px;} ※contents1は外枠のみボーダーカラーをつけたいと思います。 contents2では、tdのみ枠をつけて、外枠は表示させたくありません。 (大枠の中にいくつか枠付きの行が表示される状態にしたいです) idではなくclassにする方が良いのでしょうか? CSSについては独学なので、記述もほとんどDW頼りです。 参考サイトなどご存知でしたら教えて下さい。。。 以上、よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

#contents1の項のかっこがおかしく、borderがかっこの外にあります。 これではボーダーがひかれません。 #contents1 {width: 746px;  border-collapse:collapse;  border-spacing:0px;  margin:0px 0px 5px 0px;} ←これ  border: 1px solid #666633; それとインデントに全角スペースはまずいですね。半角スペースや タブでやってください。

その他の回答 (2)

noname#23734
noname#23734
回答No.3

CSSの間違いはNo1の方が指摘しているところだと思いますがFirefoxならCSSの間違いもツールの所にあるJavaScriptコンソールで教えてくれると思いますよ。

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.2

IEはCSSの記述ミスに関して寛容ですが、Fxは結構厳格です。 コレが原因で表示に差異が生じるケースもあるようなのでお気をつけください。 ついでに言うとFireFoxはスペルミスね。 http://www.mozilla-japan.org/support/firefox/faq#spell-abbreviate

参考URL:
http://www.mozilla.gr.jp/standards/

関連するQ&A

専門家に質問してみよう