CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
上下前次1-新
363: 2007/11/07(水)23:08 ID:??? AAS
【環境】Opera 9.24
【症状】ブロックレベル要素の:hover疑似クラスにoutlineプロパティを指定
すると、ホバー状態でなくなったときにアウトラインの線が残る
【ソース】
div:hover { outline: solid red }
div { display: block }
<div>AAAAAAAAAA</div>
<div>BBBBBBBBBB</div>
<div>CCCCCCCCCC</div>
<div>DDDDDDDDDD</div>
省2
364: 2007/11/10(土)17:46 ID:??? AAS
>>362
Internet Explorer 7.0.573011 + Windows XP SP2で確認してみたけれど、標
準・互換モードともに発生せず。
365(1): 2007/11/12(月)17:42 ID:??? AAS
【環境】Opera 9.24, 9.50 beta
【症状】table要素にborder属性を指定し、table:before, table:after,
tr:before, tr:afterにcontent:""を指定すると、セルの数が増える
【ソース】
table:before, table:after, tr:before, tr:after
{
content: "";
}
<table border="5">
<tr>
省6
366: 2007/11/12(月)17:57 ID:??? AAS
なんか必死にoperaのバグ探ししてるけどさ、
フィードバックした方がいいんでね？
367: 2007/11/12(月)20:21 ID:??? AAS
探しているわけではなくて、Operaを使い出したらバグをいろいろ見つけてし
まったというだけのこと。一応こっちにも書き込みながら、フィードバックも
するようにします。
>>365みたいなのも送っていいんだよね。
368: 2007/11/14(水)18:58 ID:??? AAS
見つけてしまったので一応報告。
【環境】Opera 9.24, 9.50 beta
【症状】ブロックレベル要素の:first-line疑似クラスにwhite-space:normal
を指定すると、:before疑似要素のcontentプロパティの値が表示されない
【ソース】
.foo div:first-line { white-space: normal }
div { display: block }
div:before { content: "text:" }
<div>div</div>
CSSの1行目を削除すると表示されます。
省1
369: 2007/11/28(水)02:57 ID:??? AAS
IE7のバグ二つ。
検証ファイル：外部ﾘﾝｸ[zip]:doiob.net
【環境】Internet Explorer 7
【症状】子要素でbackground-image:noneを指定すると親要素で指定した背景
画像が表示されない
【ソース】
div#boxA { background-image: url("bg.png") }
div#boxB { background-image: none }
<div id="boxA">
<div id="boxB">
省11
370: 2007/11/30(金)12:58 ID:??? AAS
【環境】Opera 9.24, Opera 9.5 beta
【症状】フロートに後続する要素でフロートをクリアすると、その要素の
上マージンが無効になる
【ソース】
#boxA { background: yellow; }
#boxB {
float: left;
background: aqua;
}
#boxC {
省7
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
ソースプログラムの文字コードを変更するとってことです・・。
上下前次1-新書関写板覧索設栞歴
あと 245 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.170s*