• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:css で指定した div と table の幅が)

CSSで指定したdivとtableの幅が揃わない問題

このQ&Aのポイント
  • HTMLとCSSの勉強中に、divとtableの幅が揃わない問題が発生しました。
  • スタイルシートで同じ幅を指定しているにもかかわらず、表とブロックの幅が一致しません。
  • 問題はIE6とOperaのブラウザでも発生しています。

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

widthの指定は要素の内容を指定するものなので、 300px+左右のborderの幅(2px×2)、で計304pxの幅の箱が描画されます。 ※ここでは指定されていませんがpaddingが0でなければpaddingの値も加味される) ※古いIEとIE6の互換モードではborderの幅も含めてしまうバグがある。 ただし、tableの場合はtable全体及び各セルのborderの幅、border間の空白(border-spacing)、各セルのpadding等の各種要素を含めた全体が300pxになるよう調整されます。 tableと他の要素の幅を合わせたい場合はborderの幅とpaddingの幅にも注意を払う必要があります。 以下のURLもご覧になってみてください。 http://members.at.infoseek.co.jp/cssbug/detail/winie/b001.html http://www.y-adagio.com/public/standards/tr_css2/tables.html

apo_nyanko
質問者

お礼

4pxをひいた幅を指定すればうまくいきました。 見栄えはスタイルシートでということで勉強中なのですが、なかなか難しいですね。 ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A