• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:スタイルシート widh、background-color の動作がIEとその他ブラウザで違う)

スタイルシート widh、background-color の動作がIEとその他ブラウザで違う

このQ&Aのポイント
  • 現在、tableタグで作ったサイトをstylesheetに置き換え中です。IEと、その他のブラウザで表示が異なり、問題が発生しています。
  • IEでは背景色が左から右まで有効になりますが、その他のブラウザでは文字が表示されている部分だけ背景色が有効になります。
  • FireFoxなどでもIEと同じように画面左から右端まで帯のように背景色を変えたいのですが、どのようにすればよいでしょうか?

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

  • ベストアンサー
  • elttac
  • ベストアンサー率70% (592/839)
回答No.1

 それは,width プロパティの使い方が間違っているためです。IE が誤った結果で,Firefox・Opera の結果が正解です。  解決策は,span 要素でなく div 要素を使用することです。 <div style="width: 100%; background-color: #9FFFAF;"> TEST </div> 色番号の前には「#」をつけます。  多くのブラウザの既定の状態で,span 要素には,width プロパティは適用されません。ですから,正しい解釈をする,Firefox と Opera では,幅がいっぱいならないのです。  スタイルシートに関する参考サイトを,参考 URL に掲げますので,こちらをご覧になるのもよいでしょう。

参考URL:
http://www.tg.rim.or.jp/~hexane/ach/
ps5530
質問者

お礼

インライン要素とブロック要素の違いですね。 ありがとうございます。 色番号の#については、PerlでHTMLを生成しているので、なんとなく.... " や ' で括ってる場所なら#が入っててもコメントアウトにならないのは分かってます。

関連するQ&A

専門家に質問してみよう