/* CSS･スタイルシート質問スレッド【38】 */
以下の様なモノを作った際、
IEで表示するとBOX2のpadding-topが2倍になってしまいます。
NN、Operaでは普通に表示されました。
BOX1内のpにかけたfloatを外すと正常に表示される様です。
これはIE側のバグでしょうか？
<html>
<body>
<div style="clear:both;" title="BOX1">
<p style="border:1px solid #000; float:left;">a</p>
<p style="border:1px solid #000; float:left;">a</p>
</div>
<p style="border:1px solid #000; clear:both; padding:15px;" title="BOX2">a</p>
</body>
</html>
IEで表示するとBOX2のpadding-topが2倍になってしまいます。
NN、Operaでは普通に表示されました。
BOX1内のpにかけたfloatを外すと正常に表示される様です。
これはIE側のバグでしょうか？
<html>
<body>
<div style="clear:both;" title="BOX1">
<p style="border:1px solid #000; float:left;">a</p>
<p style="border:1px solid #000; float:left;">a</p>
</div>
<p style="border:1px solid #000; clear:both; padding:15px;" title="BOX2">a</p>
</body>
</html>
|
|
|
53 ：Name_Not_Found：04/12/03 03:10:13 ID:???
>>52 修正
BOX1内のpの前に全角SP入れると正常に表示される…？
<html>
<body>
<div style="clear:both;" title="BOX1">
<p style="border:1px solid #000; float:left;">a</p>
<p style="border:1px solid #000; float:left;">a</p>
</div>
<p style=" clear:both;border:1px solid #000; padding:15px;" title="BOX2">a</p>
</body>
</html>
BOX1内のpの前に全角SP入れると正常に表示される…？
<html>
<body>
<div style="clear:both;" title="BOX1">
<p style="border:1px solid #000; float:left;">a</p>
<p style="border:1px solid #000; float:left;">a</p>
</div>
<p style=" clear:both;border:1px solid #000; padding:15px;" title="BOX2">a</p>
</body>
</html>
54 ：Name_Not_Found：04/12/03 06:03:02 ID:???
>>52-53
BOX1へのclear:both;指定は無意味だから削る。
p要素へのfloatさせるなら、widthを指定すべき。
>BOX1内のpの前に全角SP入れると正常に表示される…？
BOX2をpでなくdiv要素にすると、全角スペースの有無は表示に影響しなかった。
IE6/Win98SEにて確認。
あとは、こちらへどうぞ。
CSS/DHTMLバグ辞典スレッド 第４版
http://pc5.2ch.net/test/read.cgi/hp/1078463560/l50
BOX1へのclear:both;指定は無意味だから削る。
p要素へのfloatさせるなら、widthを指定すべき。
>BOX1内のpの前に全角SP入れると正常に表示される…？
BOX2をpでなくdiv要素にすると、全角スペースの有無は表示に影響しなかった。
IE6/Win98SEにて確認。
あとは、こちらへどうぞ。
CSS/DHTMLバグ辞典スレッド 第４版
http://pc5.2ch.net/test/read.cgi/hp/1078463560/l50