Home > 技術 > IEでposition:absoluteを使った場合margin-topが無視されてしまう

IEでposition:absoluteを使った場合margin-topが無視されてしまう

前にIEでfloatを使った場合margin-bottomが無視されてしまうでfloatしたときのmargin-bottomが無視される件を取り上げましたが、今回はfloatとか特に使用していないのですがmargin-topがIE6.0IE7.0で無視される場合がありました。

条件はposition:absoluteなdivタグ(div1)と普通のdivタグ(div2)が並んでいる場合に、div1のほうはdisplay:noneにしておいて、div2にはmargin-topを指定しておきます。
そしてボタンなどからdiv1をdisplay:blockにするとdiv2のmargin-topが無視されてしまうようです。

position:absoluteなんだからdiv2の上にはいないはずだし、いたとしてもdiv2のmargin-topが無視されるのは意味が分からないな~。
ちなみにIEだけでした、他にSafari3.1やOpera9.5、Firefoxなどで試してみましたがこんな現象はなかったです。

Trackback:0

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

Home > 技術 > IEでposition:absoluteを使った場合margin-topが無視されてしまう

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

Page Top