[過去ﾛｸﾞ] CSS/DHTMLバグ辞典スレッド 第４版 (980ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
25(1): 04/03/10 00:58 ID:??? AAS
WinOpera 7.23
font-size、em指定と%指定とで倍率が違う。
1em(100%)から1.5em(150%)までしか確認していませんが、
1.1と110%、1.3emと130%が顕著です。
%指定の方が小さくなります。
26(4): [age] 04/03/10 17:44 ID:??? AAS
>>23-24
親要素の左と下のmarginを無視する――つまり、div.bodyのmarginってことだよね？
>>23のhtmlソースで</body>の前に要素を追加して試したら、下マージンは無視されてなかったよ。
無視されるのは左マージンだけ。
但し、.bodyのpadding指定を削ると、なぜか上マージン（と左マージン）が無視される。
あと、ソースのfloat : righ;をfloat:left;にして試すと、左右マージンは正常になった。
ｙはりdiv.bodyにpadding指定があるとmargin-topだけ無効になる。
float:left;の場合、.bodyのpadding指定を削らなければ上下左右ともmarginは正常。
padding指定によるバグ回避はpadding-topが0以外の値を持つとき有効。
そこは下記のバグと同じ。
省5
27: 04/03/10 18:09 ID:??? AAS
>>25
このOperaバグとは別なんだね。
font-size:100%; が継承されると文字サイズが小さくなる(6.0)
外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp
28(2): 26 04/03/10 18:22 ID:??? AAS
>>23-24
追記。
フロートの親要素に対し、widthにauto以外の値を明示してやればバグは回避できる。
以上、IE6SP1にて確認。
29(2): 04/03/10 19:43 ID:8mrMRFJm(1) AAS
外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp
>2004-03-07修正。[3-914]の内容を追加。
>……
>この不具合のために幅が短縮された要素の内部にあるフロートでは、
>その要素の外部にあるフロートに対してclearプロパティが効きません。
「この不具合」（幅が短縮される）と「clearプロパティが効きません」の因果関係
がつかめません。clearが効かないのはこれと無関係なバグなのでは？
――と思って例示ソースを改変して実験してたら、下記のバグを発見。
【Netscape7.1/Windows98】
float:left(right)した要素の後続要素でmargin-left(right)を浮動要素の幅以上に取ると、フロートのclearが効かなくなる。
省11
30: 29 04/03/10 20:12 ID:??? AAS
【IE6標準/互換 Win98】
子要素に対するclear指定が親要素まで回り込みを解除させることがある。
ソースは>>29とほぼ同じだが、二番目のdivのborder指定を削った。
代りに、見てわかりやすくするためbackground:red;を指定。
<div style="float:left; width:3em; height:3em; background:blue;">Ａ</div>
<div style="margin-left:3em; background:red;">
<div style="clear:left; float:left; width:5em; background:aqua;">フロートB</div>
回り込む
</div>
Opera7.23では赤色のボックスはAの真横に配置される。しかしIEでは、
省16
31(1): 23 04/03/11 16:59 ID:??? AAS
>>26
>>28
ありがとうございます！
32: 04/03/11 19:28 ID:??? AAS
>>31 礼よりも、左と下のmarginを無視ってのは左だけの誤りだったと認めるのかどうか。
33(1): [0] 04/03/14 18:47 ID:??? AAS
【WInIE6互換】
フォントサイズの指定が表要素に継承されない(IE5)
外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp
>表要素を子孫に持つ要素でフォントサイズを一部の単位（pxなど）で指定した場合、
>その指定は表要素に継承されない。
キーワード（medium,smaller）で指定した場合もfont-sizeを継承しない。
【NN4】
background以外のプロパティーは、body要素に指定しても表要素（table.th,td）に継承されない。
また、それが外部シートでの指定だと、表要素以外にも継承されない。
cf. 外部ﾘﾝｸ[html]:zoo.millto.net
省3
34: 04/03/14 18:53 ID:??? AAS
追記。>>33は下記より派生した。対処法は、body, th, td {font-size:〜;}
外部ﾘﾝｸ[htm]:f32.aaacafe.ne.jp
2chｽﾚ:hp
35: なんかバグっぽいので質問スレより転載 04/03/15 19:41 ID:??? AAS
838 ：Name_Not_Found ：04/03/15 12:32 ID:???
// css
DIV.menu{float:left; width:200px; border:1px solid #0f0; background:#efe;}
DIV.body{ margin-left:210px; padding:0px; border:1px solid #00f; background:#eef;}
// html
<DIV class="menu">HOME<BR>BBS<BR></DIV>
<DIV class="body">MONA<BR>MONA<BR>MONA<BR>MONA<BR>MONA<BR></DIV>
これをWin2000・IE6で表示すると「MONA」の上3つ（class="menu"ブロックの右側）がズレるんです。
Opera7.23の「Operaとして認識させる」「Mozilla(5.0 4.78 3.0)として〜」「MSIE6.0として〜」では問題なく表示されました。
標準モード・互換モードでborderの有り・無しを試しましたが、すべて同じ結果でした。
省9
36(5): 04/03/15 20:52 ID:??? AAS
【Mozilla】と【Safari】
列幅が%指定された固定レイアウトの表で、列幅合計が
100%を超える場合に、列が指定幅にならない。
table {
width: 300px;
table-layout: fixed;
}
td {
background: red;
}
省13
37(3): 04/03/15 20:52 ID:??? AAS
CSS仕様書には、固定レイアウトの表では、表の幅は、
列幅合計と表のwidth指定のうち大きい方を採用すると
あります。
>>36 のソースでは、<table>のwidthは300pxだから、
1つ目2つ目の表は同じ列幅を表しています。そして、
列幅合計が共に300pxを超えるので、結果両方とも
600pxほどの幅の表になるべきですよね。
ところが、MozillaとSafariは、1つ目の表は正しく表示
しますが、2つ目の表は3つ目と同じ表示になります。
つまり、140%, 60% と指定すると、これを合計100%
省5
38(3): 04/03/15 20:58 ID:??? AAS
【MacIE5】
列幅合計が表のwidthを超える場合に、列が指定幅にならない。
>>36 のソースを表示すると、全て300px幅の表になって
しまいます。列幅合計が表のwidthより大きくても、表の
widthの方が優先されるようです。
39: 04/03/15 21:05 ID:rp1OgY7l(1) AAS
実体参照で表記した文字が正しく表示されない(6.0)
外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp（前スレッド570・784）
これはバグ033「font-familyを指定した要素で文字化けする」に統合されましたが、やはり別のバグみたいです。font-family指定が無くても、或るスタイルでは文字化けする実体参照がありますから。
下記をWinp98SE・1024×768px・96dpiで見ると、18pxの行だけ左の２文字が黒長方形に化けます。
<html lang="ja">
<title>テスト</title>
<body>
<p style="font-size:15px">▶▷► 15px</p>
<p style="font-size:16px">▶▷► 16px</p>
<p style="font-size:17px">▶▷► 17px</p>
省11
40: 04/03/15 21:22 ID:??? AAS
>>36-38
ここはどう？
td要素の見え方
外部ﾘﾝｸ[html]:ki-taji.hp.infoseek.co.jp
41: 04/03/16 09:29 ID:??? AAS
外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp
>詳細はこちらを参照してください。
>・2章:文字などが重なってしまう
そこ、外部ﾘﾝｸ[htm]:dhr.tripod.co.jp は移転のためリンク切れです。
→外部ﾘﾝｸ[htm]:dhr.at.infoseek.co.jp
42: [age] 04/03/16 09:40 ID:??? AAS
ウィンドウをリサイズするとレイヤーの位置がずれる
外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp
バグ回避法。
JavaScriptで、
<script>
<!--
var NN4 = (ua.indexOf("MSIE")==-1 && ua.indexOf("Mozilla/4")==0)?1:0;
if(NN4) {window.onresize = rebuild;}
function rebuild(){location.reload();};
//-->
省7
43(1): 04/03/16 18:49 ID:??? AAS
>>36-38 に追加
【IE6】と【Opera7】
列幅が%指定された固定レイアウトの表で、列幅合計が
100%を超える場合に、列が指定幅にならない。
どちらも 140%, 60% と指定すると、100%, 0% として
表示するようですね。2列目に何が書いてあるかも見えない。
という訳で、この件は主要ブラウザで仕様書通りに表示
するブラウザが存在しないという結果に。
44: [age] 04/03/16 21:44 ID:??? AAS
良スレage
上下前次1-新書関写板覧索設栞歴
あと 936 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.014s