ブロック要素にスクロールバーが出る場合の、内部領域の変化（IE注意） - そこでひっかかる（masaakibの日記）

ブロック要素にスクロールバーが出る場合、 その内部領域がどうなるのか、ブラウザごとにまとめ。 HTMLの例は以下のような感じ： <div class="outline"> <table> ..... </table> </div> CSSは以下のような感じ： .outline { width: 500px; height: 300px; overflow: auto; } .outline table { width: 100%; } table要素の高さが300pxを超えると、 親のdiv要素に縦スクロールバーが出る。 このとき、table要素の幅100%というのは、何ピクセルになるのか、を各ブラウザごとにまとめると、 以下のような感じになる。 IE6 スクロールバーの有無に関わらず、同じ。 ただし、子要素のtableが幅100%のときは、スクロールバーは領域の外側に表示される。 [対策

[tohokuaiki]

「IE6は固定幅が前提」・・・・・外側に出るんですよ・・・。なんとかしてくれたのがIE7以降だと思う。

[harchill79]

IE