« 2010年9月 | トップページ | 2010年11月 »

2010年10月

overflow-x: auto;

overflow-x: auto; でハマッたので記載します。
overflow-x: auto; でテーブルの外でスクロールさせようとすると、IE6、IE7で画像のようなテーブルが沈み込む現象が起こります。

これを回避するには、CSSハックでIE6、IE7のみパディングでボトムを沈み込んでいる分、下げるか「overflow-x: scroll」などで回避します。IE8でこの現象は起こりませんでした。

・沈み込み
Table_flow_2

・回避

Table_noraml_4

 

| | コメント (0) | トラックバック (0)

« 2010年9月 | トップページ | 2010年11月 »