IE6でfloatした要素が兄要素のmarginを継承（？）する｜WALK SLOW, AGAINST THE FLOW.｜BLOG
出現条件を説明するのが難しい。IE6はfloatを指定した要素の親要素にwidth属性を指定するとfloatした要素の高さが親要素に含まれるバグがあります（詳しくはIEでfloat属性を指定した要素の親要素のborderが消えるバグを見て下さい）。このバグが発生している場合に、float属性を指定した子要素が兄要素に指定されているmargin-bottomを継承するみたい。 実際には兄弟要素の属性を継承することはないと思いますが、継承しているとしか思えない挙動です。 IE6でfloatした要素が兄要素のmarginを継承（？）する例 親要素が“parent”、その子要素で“child1”、“child2”、“child3”。“child2”、“child3”は margin-bottom:0;を指定しているにも関わらず下に余白が発生。このスクリーンショットのソース 最後にfloatを指
vertical-align属性と画像の垂直位置｜WALK SLOW, AGAINST THE FLOW.｜BLOG
どうも、IEだけ異なる挙動をするので、検証してみました。vertical-align 属性のキーワード指定の初期設定が違うだけなのかと思いきや。 p要素 mac 版 firefox windows 版 IE ありゃりゃ、line-height に指定した 180% が無視されてるよ。 h1〜h6要素も同じと思われる。 li要素 mac 版 firefox windows 版 IE li要素でも、やはり line-height が無視されている。背景の方は問題ない。 td要素 mac 版 firefox windows 版 IE td要素内は大丈夫なようだline-height は大丈夫だが、vertical-align:top と bottom の位置がtext-top／text-bottomと同じになってしまっている。これは初期設定？（でも、ボーダーの dotted が・・）。 lin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
