IE6でボックス下部に余分なpaddingが設定されてしまう。

IE6でボックス下部に余分なpaddingが設定されてしまう。
IE6以外では問題なし。

IE6のバグ?のようである。
floatを含むボックスを以下のように定義すると余分なpadding-bottomが設定される。

+????????????????????????????????+
|+?????????++????????++?????????+|
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||    A        ||      B      ||     C       ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
||             ||             ||             ||
|+?????????++????????++?????????+|
+????????????????????????????????+

上記のようにBoxを指定し、一番外側のBoxにpadding-bottomを指定すると、
指定された以上のPadding-bottomが設定されてしまう。

対策としては、以下のようにする。
     (1):A,B,Cのみで構成し、それぞれにpadding-bottomを設定するようにする。
  (2):一番外側のBoxを指定する場合は、A,B,Cいずれかにpadding-bottomを設定する。
     (2):一番外側のBoxを設定する場合は、一番外側のBoxにpadding-bottomを設定しない。
         (padding-left,padding-top,padding-rightは設定可)




スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

e.swan

Author:e.swan
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR