CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
上下前次1-新
371: 2007/11/30(金)13:46 ID:??? AAS
【環境】Opera 9.24, Opera 9.5 beta
【症状】間にフロートを挟んだ上マージンどうしが相殺するとき、フロートが
包含ブロックより上に配置される
#boxA { background: yellow; }
#boxB { background: orange; padding-right: 20px; }
#boxC {
float: left;
background: aqua;
}
#boxD {
省8
372: 2007/12/09(日)19:53 ID:??? AAS
【環境】Opera 9.24, Opera 9.5
【症状】vertical-align:text-bottomを指定した要素のボックスが
親要素の内容領域の下にはみ出す
span.p {
background: lime
}
span.text-bottom {
vertical-align: text-bottom;
font-size: 15px;
background: yellow
省4
373: 2007/12/13(木)14:05 ID:??? AAS
【環境】Internet Explorer 7
【症状】全称セレクタがコメントにマッチする
div *:first-child { color: blue }
div + * { color: blue }
<div>foo
<!-- comment -->
<div>bar</div>
</div>
<!-- comment -->
<div>baz</div>
374: 2007/12/15(土)01:07 ID:??? AAS
これはバグでしょうか
【環境】Internet Explorer 6
【症状】input要素内に「あ」「亜」「Ａ」等、いわゆる全角文字を書くと、
その瞬間にinput要素の横方向サイズが変わる。
<head>
<title>テスト</title>
<style type="text/css">
div { border-left : blue 100px solid; }
input { width : 30%;}
</style>
省3
375: 2007/12/20(木)23:47 ID:??? AAS
【環境】Internet Explorer 6, 7
【症状】list-style-position:insideを指定すると、マーカーボックスと
li要素の主要ブロックボックスが重なる
ol { list-style-position: inside; }
<ol>
<li>test</li>
<li>test</li>
<li>test</li>
...
<li>test</li>
省4
376: 2007/12/22(土)06:04 ID:??? AAS
【環境】Opera 9.24, Opera 9.5 beta
【症状】overflow:scrollとを指定した要素にボーダーやパディングを設定する
と、子ボックスの右側に指定された量の空白ができる
div.scroll {
overflow: scroll;
border: 10px solid gray;
}
div.scroll > div {
border: 4px solid silver;
}
省5
377: 2007/12/23(日)23:49 ID:??? AAS
*{ margin : 0 ; padding : 0 ; }
<h1>test</h1>
<h2>test</h2>
これをIE6で見るとh1とh2要素の間に謎の空白が生まれてるんですけど
どうすれば解消されるでしょうか
FFではともに0で計算されて表示されてたのですが・・・。
378: 2007/12/23(日)23:49 ID:??? AAS
すみません誤爆りましたほんとすみません
379(1): 2007/12/27(木)18:53 ID:??? AAS
既出または何処かのバグ症状と重なってる可能性が高いと思うけど・・気になったので一応。
【環境】IE7
【症状】CSSバグリスト＠CSSバグ辞典スレッド（外部ﾘﾝｸ:cssbug.at.infoseek.co.jp） の
h1要素が左に伸びてしまっているが、バナーにマウスカーソルを持っていくと縮む（正しい長さになる）。
しかし、他のリンクにマウスカーソルを持っていくと元に戻る（伸びる）。
380: 2007/12/27(木)21:10 ID:??? AAS
上と同じ者ですが・・
【環境】IE7
【症状？】2-362（外部ﾘﾝｸ[html]:cssbug.at.infoseek.co.jp）の
症状は、Shift_JIS，EUC-JPでは再現されるが、UTF-8にすると再現出来ない（正しく表示される）。
文字コードによるCSSの差異って起こるものなんですね・・。
381(1): 2007/12/27(木)21:17 ID:??? AAS
意味不明
382: 2007/12/27(木)23:43 ID:??? AAS
>>381
ソースプログラムの文字コードを変更するとってことです・・。
383: 2007/12/29(土)01:41 ID:??? AAS
>>379はこんなソースで再現できた。
a:hover {
background: white;
}
#bar {
margin: 1em -3%;
background: yellow;
text-align: center;
}
<body>
省8
384: 2008/02/03(日)01:18 ID:??? AAS
hage
385(5): 2008/03/12(水)15:47 ID:??? AAS
Operaって最前面の要素しかhoverしない？
<dl><dt><a href="...">Link</a></dt><dd>リンク</dd></dl>
に対して
dd{ display:none; }
dt:hover + dd{ display:block; }
a{ display:block; }
としても、dd要素が見えるようにならない。
IE7/FireFox2では見えるようになったのだが。
Operaのバージョンは9.26
OSはWindowsVista
386: 385 2008/03/12(水)16:20 ID:??? AAS
>>385修正
× としても、dd要素が見えるようにならない。
○ としても、dt要素(=a要素)にマウスカーソルを載せてもdd要素が見えるようにならない。
387(1): 2008/03/13(木)18:48 ID:??? AAS
>>385
WinXP+Opera 9.26で見えるが…
388: 2008/03/13(木)19:33 ID:??? AAS
>>387
まじか・・・。じゃああとでzipでソース上げるから検証してほしい。
そのまえでこっちでミスがないかよく見直して見るけど。
389: 385 2008/03/14(金)10:13 ID:??? AAS
使用中のCSS+テスト用HTMLファイル
外部ﾘﾝｸ[html]:www11.axfc.net
pass: 404
390: 2008/03/14(金)10:47 ID:??? AAS
>>385に
a:active{color: red;}
を加えると再現できた。
上下前次1-新書関写板覧索設栞歴
あと 237 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.013s