CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
上下前次1-新
295: 2007/08/04(土)01:50 ID:??? AAS
まー、増えたりはしないだろうけど
296: 2007/08/04(土)02:05 ID:??? AAS
1歩進んで2歩下がるんだな。。
297: 2007/08/05(日)00:21 ID:??? AAS
【環境】Internet Explorer 6
【症状】最初の子要素にdisplay:noneが指定されていると、相対位置決めされ上
パディングを持つ要素の背景色指定が無効になる
【ソース】
div#boxA
{
background: yellow;
position: relative;
padding-top: 1px;
}
省9
298(1): 2007/08/07(火)17:02 ID:??? AAS
外部ﾘﾝｸ:d.hatena.ne.jp
IEを華麗に撃墜する一行
はい！ こんにちは！！！！！
今日は、偶然ブラクラ発見しちゃったから、それをお伝えしますね！
これだよ！
<style>*{position:relative}</style><table><input></table>
299: 2007/08/07(火)20:27 ID:??? AAS
>>298
IE 7/6/5.5ユーザーは、ユーザースタイルシートを追加して回避する。
table * { position: static !important;}
バグ原因は、table と フォーム(input|textarea|...)要素間に現れる
謎の空要素に position:relative が指定される事で発動するらしい。
2chｽﾚ:win
300: 2007/08/08(水)22:12 ID:??? AAS
今回のはまちちゃんのクラッシュバグは、input(インラインフォーム要素) が
必須トリガーで無く、table + テキストでも同様のバグが発生する模様です。
外部ﾘﾝｸ:sdp.katteyomi.info
不正 table 記述により生成された"謎の空ブロック要素"が、インライン要素や
テキストを包み、その要素がポジショニング(relative | absolute | fixed)
される事で起きる様子..。
301(1): 2007/08/25(土)12:23 ID:X/4SavXL(1) AAS
【OS】 XP
【ブラウザ】 firefox 2.0.0.6
【症状】 overflow: auto; と border を指定した<pre>を連続して使用した場合に
borderのbottom部分が消える箇所がある。
スクショです。
画像ﾘﾝｸ[jpg]:vista.jeez.jp
302: 2007/08/25(土)19:17 ID:??? AAS
>>301
消えるんじゃなくて
ボーダーが化けたりもするよね
303(1): 2007/09/05(水)17:39 ID:??? AAS
【環境】
Opera9.22 / Windows XP home
【現象】
labelタグに対するmargin-topとmargin-bottomが効かない。
【ソース】
<html>
<head>
<style type="text/css">
<!--
input{margin-top:3em;}
省18
304: 2007/09/07(金)16:03 ID:LEnajBV0(1) AAS
>>303
Fxだってlabelに対するmargin-topは効かない。
labelはインライン要素で、インライン要素に対する上下marginは無視される。
つまりOperaの動作は正しい。
そもそもソースが間違っている。formがない上、
(strictなら)formの中身はブロック要素が必要。
IEは非検証。
305(2): 2007/09/19(水)02:04 ID:w91na6/+(1) AAS
【環境】
IE6(7は未検証)
【現象】
list-style-positio: inside のとき
list-sytle-type: none とすると、リストマーカーボックス分の余白が空く
【ソース】
<ul>
<li>リスト</li>
</ul>
ul { list-style: none inside; }
省5
306(1): 2007/09/19(水)04:25 ID:??? AAS
>>305
それは単にmargin-leftを指定しない場合の解釈の違いじゃね？
307: 2007/09/19(水)08:35 ID:??? AAS
>>306
いや、margin-left: 0 にしても
IEはリストマーカー分の余白が空く
すまん、書き忘れた
IE6の後方互換(Quirks)モードね
標準モードでもあとで試してみるわ
308(1): 2007/09/19(水)10:22 ID:??? AAS
>>305
後方互換モード、標準モードのIE6,7で再現できた。
309: 2007/09/19(水)14:10 ID:??? AAS
>>308
ありがとう
やっぱおかしいよね
でも、バグではなく解釈の違いってことなのかな
どっちにしてもIEだけ違うのでしばらく考えたよ
【解決策】
IEでlist-style-type: none にするときは、list-style-position: outside にする。
ショートハンド使って、
省2
310(1): 2007/09/19(水)14:37 ID:??? AAS
というかそもそも表示しないんだからinsideにする必要性自体が存在しないというか。
311: 2007/09/19(水)15:39 ID:??? AAS
>>310
必要性が存在しない の意味がわからないなあ
CSSなんだから、カスケーディングで継承されるでしょ
まさか要素ごとに全部プロパティ定義してるんなら理解できるけど…
継承前に list-style: disc inside とかあったら、
非表示のたびに list-style: none outside って書かないとだめ
312(1): 2007/09/20(木)12:20 ID:bclnFN38(1) AAS
環境：MAC Safari1〜2
症状：ピクセルで幅指定していないクリアボックス
の中のテーブルがセンタリングされない。
body,div,td{ text-align:center;}
div,table{ margin-left:auto; margin-right:auto;}
<div style="width:600px;">
<p style="width:300px; float:right;">フロート</p>
<p style="width:300px; float:left;">フロート</p>
<div style="width:100%; clear:both; background-color:#eee;">
省5
313: 2007/09/20(木)12:32 ID:??? AAS
>>312
意味不明なんで最小単位でやりたいことを言ってくれ・・・
314(1): 2007/09/22(土)01:03 ID:??? AAS
IE6 で select の label をクリックすると一番上が選択されるのは既出だよね？
上下前次1-新書関写板覧索設栞歴
あと 313 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.007s