CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
CSS/DHTMLバグ辞典スレッド【第５版】 http://mevius.5ch.net/test/read.cgi/hp/1144494359/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
319: Name_Not_Found [sage] 2007/09/24(月) 01:27:17 ID:??? 続 <body> <button onclick="toggle('testDiv1')">フォーム1表示</button> <button onclick="toggle('testDiv2')">フォーム2表示</button> <button onclick="show3()">フォーム3表示</button> <button onclick="show4()">フォーム4表示</button> <div id="testDiv1"> Form1(初期状態可視:Enter効く) <form onsubmit="alert('submit'); return false;"> <input type="text" name="text"/><br /> <input type="text" name="text2"/><br /> <input type="text" name="text3"/> <input type="image" src="blank.gif" style="position: absolute; top: 0; left: -50;" /> </form> </div> <div id="testDiv2" style="visibility: hidden;"> Form2(初期状態非可視:Enter効かない) <form onsubmit="alert('submit'); return false;"> <input type="text" name="text"/><br /> <input type="text" name="text2"/><br /> <input type="text" name="text3"/> <input type="image" src="blank.gif" style="position: absolute; top: 0; left: -50;" /> </form> </div> <div id="testDiv3"></div> <div id="testDiv4" style="display: none"></div> </body> </html> http://mevius.5ch.net/test/read.cgi/hp/1144494359/319
320: Name_Not_Found [] 2007/09/24(月) 01:57:10 ID:dtO1xwtG すみません。考えてみれば上のは CSS/DHTML バグとは言いにくかったです_o_。 別の話ですが、厳密な再現条件突き止められてないんですが、IE で z-index: 10000 とかしてても以降に記述された要素の裏に回ってしまう問題で悩んでいるんですが情報ありませんでしょうか？ 周りに iframe なし、relative は結構使ってます。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/320
321: Name_Not_Found [sage] 2007/09/24(月) 04:26:22 ID:??? お前どこまで図々しいわけ？ スレ汚しにも程がある。初心者質問スレ行けボケ。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/321
322: Name_Not_Found [sage] 2007/09/24(月) 09:23:47 ID:??? これか。http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html http://mevius.5ch.net/test/read.cgi/hp/1144494359/322
323: Name_Not_Found [sage] 2007/09/29(土) 03:53:48 ID:??? 【環境】Opera 9.23 【症状】pre要素内で一つ目の改行が反映されない 【ソース】 .hoge pre:first-line { white-space: normal; } <pre>01... 02... 03...</pre> そもそもセレクタがマッチするはずないのですが。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/323
324: Name_Not_Found [sage] 2007/10/06(土) 02:00:02 ID:??? 【環境】Opera 9.23 【症状】html要素にheightプロパティ、body要素にmin-heightプロパティをパー セント値で指定すると、ウィンドウをリサイズしたときにbody要素の高さが変 更されない 【ソース】 * { margin: 0; padding: 0; } html { height: 100%; background: gray; } body { min-height: 100%; background: silver; } <body> <div> テスト テスト … </div> </body> http://mevius.5ch.net/test/read.cgi/hp/1144494359/324
325: Name_Not_Found [sage] 2007/10/06(土) 02:33:33 ID:??? 補足： * { margin: 0; padding: 0; } html { height: 100%; border: 10px solid red; } body { min-height: 100%; border: 10px solid blue; } こんな風にボーダーをつけてみると、Opera 9.23ではbody要素の高さがおかし くなる。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/325
326: Name_Not_Found [sage] 2007/10/06(土) 04:30:48 ID:??? すみません、>>325の訂正です。 【環境】Opera 9.23 【症状】heightプロパティが指定された要素の子要素にmin-heightプロパティ をパーセント値で指定すると、高さが余分に高くなる 【ソース】 div#boxA { border: 10px solid red; height: 200px; } div#boxB { border: 10px solid blue; min-height: 100%; } <div id="boxA"> <div id="boxB"> テスト </div> </div> boxAとboxBの上ボーダーの幅の合計分だけ高くなるみたいです。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/326
327: Name_Not_Found [sage] 2007/10/06(土) 04:48:37 ID:??? >>324 レンダリングの問題 >>326 当然の仕様 バグとは何か、少なくともこのスレでは仕様書と異なる挙動をバグと呼ぶ 何でもバグ扱いするのは間違い http://mevius.5ch.net/test/read.cgi/hp/1144494359/327
328: Name_Not_Found [sage] 2007/10/06(土) 06:43:11 ID:??? >>327 >レンダリングの問題 >>324については、普通ウィンドウをリサイズした場合、高さや幅などを再計 算して描画するはずなのに、それができていないってことだと思ったのです が、なにか違うんでしょうか。 >>326 >当然の仕様 よくわからないので、できれば詳しい解説お願いします。(仕様ということは、 Opera9が正しくてFirefox2、Konqueror3、Safari3がバグ持ちってことになる？) http://mevius.5ch.net/test/read.cgi/hp/1144494359/328
329: Name_Not_Found [sage] 2007/10/07(日) 16:39:15 ID:??? あれ…誰もいない？ 一晩おいて考えてみたけれど、>>327の主張は ・ウィンドウをリサイズしたときに仕様通りに表示できないのは仕様違反では ない(=バグではない)←理由がわからない ・min-heightプロパティをパーセント値で指定したときは高さを余分に高くす るという特別な規定が仕様で定められている←仕様書からは見つけられず と、どちらも根拠がないように思った。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/329
330: Name_Not_Found [sage] 2007/10/07(日) 18:57:34 ID:??? 【環境】Internet Explorer 7 【症状】絶対配置した要素の子要素に:hover疑似クラスを指定しても、その要 素の子要素の内容領域か上マージン領域にマウスポインタを合わせたときにし かホバー状態にならない 【ソース】 div#boxA { position: absolute; } div#boxB { border: 10px solid red; } div#boxB:hover { border: 10px solid blue; } div#boxC { margin: 10px; padding: 15px; border: 10px solid yellow; } <div id="boxA"> <div id="boxB"> <div id="boxC">test</div> </div> </div> 標準モードのみで発生。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/330
331: Name_Not_Found [sage] 2007/10/07(日) 21:09:05 ID:??? >>329 親要素の高さがmin-heightで設定されると思ってるのか？ http://mevius.5ch.net/test/read.cgi/hp/1144494359/331
332: Name_Not_Found [sage] 2007/10/07(日) 21:16:28 ID:??? >>329は仕様書もろくに読まずバグと決めつける愚か者。 会話は成立しないので注意。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/332
333: Name_Not_Found [sage] 2007/10/08(月) 02:39:39 ID:??? >>331 >>324と>>326のどちらに対する指摘なのかわからないのですが…。 補足しておくと、>>324のコードでは、html要素のボックスの高さが初期包含 ブロックである表示域の高さとなり、body要素のボックス高さもそれと同じに なるはずなのですが、最初に表示したときはそうなっているものの、リサイズ するとそうならないので、仕様違反であると思われます。リサイズしたあとに リロードすると、同じサイズの表示域でもリロードする前とbody要素の高さが 変わっています。 >>326についてはCSSを次のものに置き換えてもらうとわかりやすいかと思います。 (例示がわかりにくくてすみませんでした。) div#boxA { height: 200px; border: 10px solid red; } div#boxB { min-height: 90%; border: 10px solid blue; } boxBの包含ブロックの高さはboxAの内容領域の高さである200pxになるので、 boxBがboxAの内容領域にちょうど収まるはずです(10px + 200 * 0.9 + 10px = 200px)。 Firefox 2、Konqueror 3、Safari 3ではそのように表示されますが、Operaだ けはboxBの内容領域の高さがちょっとだけ高くなります。 >>332 間違いがあるのなら、仕様書を根拠にどこが間違っているのか指摘してください。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/333
334: Name_Not_Found [sage] 2007/10/09(火) 20:41:43 ID:??? >>333 ここはバグ報告スレッドであって質問スレッドではない。出てけ。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/334
335: Name_Not_Found [sage] 2007/10/09(火) 21:54:43 ID:??? 1. 包含ブロックにheightの値を<length>で指定 2. ブロックレベル非置換要素にmin-heightの値を100%で指定 3. ブロックレベル非置換要素の計算されたheightの値が min-height(=包含ブロックのheight)より小さい んだったらmin-heightをheightの指定値として使用するわけだから borderで内容の高さが変わるなんていうのはバグだろ http://mevius.5ch.net/test/read.cgi/hp/1144494359/335
336: Name_Not_Found [sage] 2007/10/10(水) 22:52:22 ID:??? >>334 だから、>>324>>326でバグを示したら「それはバグではない」という趣旨のレ スをもらったものの、理由が不明確だから、仕様書を根拠にした説明を求めて るの。バグではないというのなら「仕様書にこう書かれており、Operaはその 通りに表示しているだけだ」と説明できるはずでしょう。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/336
337: Name_Not_Found [sage] 2007/10/10(水) 23:38:15 ID:??? >>336 もっともな話だと思うが 仕様書に載ってないなら、 各ブラウザ制作者の判断 ということもあり得ると思うよ。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/337
338: Name_Not_Found [sage] 2007/10/10(水) 23:42:38 ID:??? >>336 >>324がバグという主張は、再現しないため同意出来ない。 >>326は、包含ブロックのheightにborder分を含めて計算しているようだから、 バグなのだろう。 数値指定では起こらないし、width:100%;でも起こらない面白いバグ。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/338
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 289 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.006s