Home > 技術 > IEでfloatを使った場合margin-bottomが無視されてしまう

IEでfloatを使った場合margin-bottomが無視されてしまう

午前中からCSSで散々悩んでようやく原因と思われる記事を発見したのでメモ。
起業報告書のブログより引用。

○ float: left (IE6)
◆ marginに指定無し => 正常にレンダリング
◆ margin-left: Npx => 2Npxの左マージンになる
◆ margin-top/right => 正常にレンダリングされる
◆ margin-bottom => 値が無視される

○ float: right (IE)
◆ marginに指定無し => 正常にレンダリング
◆ margin-right: Npx => 2Npxの右マージンになる
◆ margin-top/left => 正常にレンダリングされる
◆ margin-bottom => 正常にレンダリングされる

via: 起業報告書:浮動ボックスとmarginプロパティー - livedoor Blog(ブログ)

まさか値が無視されるとはね・・・
さぁてこれをどうやって同じにすればよいのか考えて見ます。

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/700
Listed below are links to weblogs that reference
IEでfloatを使った場合margin-bottomが無視されてしまう from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > IEでfloatを使った場合margin-bottomが無視されてしまう

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top