CSS/DHTMLバグ辞典スレッド【第5版】
基本文字情報+数色程度のインデックスカラーな画像 だろうから容量はいらないよね Wiki借りてまとめWikiという形が無難かな 放置じゃなくてちゃんと メンテナンスしてくれる人がやってほしい。 ついでにいうと、もっと見やすくしてくれ。。 バックアップしてなかったオバカな俺みたいなのを助ける、急場凌ぎの為にも、 過去データ取っているなら適当なアプロダに上げてくれると嬉しいな……。 まとめサイトは存続して、メンテナンスされるのであれば、形式はどんなものでも良いと思う。 個人的にはDokuWikiとか好きだけど、 単にWikiというだけだと板人口的にも廃墟になることが有り得そうでちょっと怖い。 ドメインとかを取ってまで運用しよう、と考えるくらいにやる気のある人がいるなら、 個人的には超歓迎。応援してます。 遅くなって済みません. アップロードしました. http://www.csync.net/service/file/view.cgi?id=1226573274 infoseekのほうはInternet Archiveからzipのアーカイブが落とせるみたいです. (気づかずにすごく無駄な作業をしてしまった…) >>434 ダウンロードさせていただきました。ありがとうございます! というわけで、一通りのデータ入力が終わって公開の目処がたちましたら URL をお知らせにきます。 >>434 アップロードありがとう。感謝。 >>435 応援してます。頑張って! HTML 5とCSS3が使われだしたらまたバグ辞典が活躍するかも. しかし,昔みたいにバッドノウハウな回避法でなんとか動かすなんて ことにならないでほしい. 何でIE6とOperaでうまくいくのにFireFoxだとダメなんだよ。 頭きたからページ丸ごと画像にしてやった。 そしたらCSSでシコシコやってたら何日かかるかっていうようなページがすぐ完成。 画像だから角丸なんてアッという間。イメージマップでリンクもちゃんと張れるし どんなブラウザでも絶対崩れない。 SEO?音声ブラウザ?そんなもん知るか。 どーせ遊びのサイトだからこれで十分だよ。 お前らも画像でやれ。 /| /l シャキン ||//ミ シャキーン! ||/ /Oヽ ((/∧ヘ)) /⌒)/つ′ / /~|| / / || >>442 のレスを見てると、子供のころに戻ったようで。安心する。 / /_ / / 自分が馬鹿だからなのか、馬鹿になりたいからなのか、 f /^o^)/ 常識とか捨てて適当に生きていきたいと強く思う。 | / | /⌒) | // / 丶_| / | || ノ (_ 丶 / ノ し′ / / ( i 丶つ Flashレイアウトが存在するんだから画像レイアウトもアリだな。 重要なテキスト部分だけcssで被せればいい。 jien { display: none !important; } >>442 OperaとIEでうまくいってFxでうまくいかないってどんなデザインだよw もうちょっと釣りの勉強してこい >>448 !importantw 【OS】Windows Vista Home Premium / Bussiness 【ブラウザ】IE 7 【症状】兄要素に文字列やbrタグが入ってるときに、 font-style: italic;を指定した要素にmargin-topを指定すると、 親要素の背景色が上から150pxのところで消える。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> </head> <body style="margin: 0px;"> <div style="background-color:#fcc;"> <div>CSS Rendering Test</div> <div style="margin-top:200px;font-style:italic;">CSS Rendering Test</div> </div> </body> </html> 表示させた後、ウインドウサイズを変更したり最小化最大化を行う必要があります。 【OS】Windows Vista Home Premium / Bussiness 【ブラウザ】IE 7 【症状】親要素がインライン要素のとき子要素にdisplay: list-item;を指定すると、 親要素の背景色が浮き出る。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> </head> <body style="margin: 0px;"> <span style="background-color:#fcc; display:inline;"> <span style="background-color:#ccf; display:list-item;">CSS Rendering Test</span> </span> </body> </html> inlineの子要素にlist-itemが来ちゃってるので、 正当なバグといえるか分からないですが。 【OS】Windows Vista Home Premium / Bussiness 【ブラウザ】IE 8 beta 2(IETester) 【症状】親ブロック要素に背景色が指定してあるとき、 子インライン要素にoutlineを指定すると、何も現れない。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE8" /> <title>CSS Rendering Test No.04887</title> </head> <body style="margin: 0px;"> <div style="background-color:#fcc;"> <span style="outline: 10px solid #000;">CSS Rendering Test</span> </div> </body> </html> 親ブロック要素にmarginを指定すると回避できます。 このバグは、marginがデフォルト設定してないdiv要素やaddress要素だと発生し、 p要素やblockquote要素だと発生しません。 【OS】Mac OS 10.5.6 【ブラウザ】Safari 3.2.1 【症状】10列のテーブル。一番左端のTDにだけ、border-top: 1pxを指定。 それ以外のTDにはborderをつけたくないのに、全て反映されてしまう。 ちなみに、ほかのブラウザでは問題無しです。 どなたか、詳しい方が居たら、教えて下さい(><;)ぉねがいします >>452 IE8 RC1 (build 18372) WinXP SP3 では Fix されてるよ 〉〉453 そうそう、それわたしも前にはまった(ノ△T) 教えてジョブズ! >>453 実証コードキボン 手元でてきとーに作ってみたけど、これで意図どおり? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <title>table > tbody > tr > td:first-child のみ border-top:1px 指定</title> </head> <body> <table border="1" summary="td テスト"> <tbody> <tr> <td style="border-top:1px solid #f00">1</td> <td>2</td><td>3</td><td>4</td><td>5</td> <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td> </tr> </tbody> </table> </body> </html> >>456 さん 早々にありがとぅござぃます!!ホントですね、このソースなら上手く行きますね。 参考にして勉強します!ありがとうございました☆ >>457 どんな XHTML 文書だったのかがすげー気になる・・・ >>456 なるほど〜 一つ目のtdにborder-topを設定すると良かったんですね! 参考になりました。私も今度も試してみます!o(^-^)o 457さん、すみません間違えました。 私は455でした…(>_<) >>462 同意 ここはバグ辞典スレなんだから、情報があるに越したことはない >>454 IE8 RC1 (build 18372),WinVista Home Premium / Bussinessにて、こちらでも確認しました。 バグか?! ttp://hp.vector.co.jp/authors/VA022006/css/fonts.html#font-weight の 補足:フォントサイズはユーザにまかせよう って見出し付いてる本文2行目 「指定すべきではありません。特定の環境では文字サイズの変更を面倒にさせるかもしれません。文書著者はユーザ設定の基本フォントサイズに対して相対」 の35文字目の 「る」が動く。 この一行 左からポインタでくくって 文字反転していくと、 左から29文字目の 「を」を くくった瞬間に 「る」が左に1px動くのは 仕様ですか? ちなみに動作確認ブラウザ Firefox 発見時間 2009/03/14 am11:39 バグじゃなくて正常な動作かも分からんですが。 OS:WinXP SP3 ブラウザ:IE8 現象:overflow:autoでスクロールバーが表示されない。 状況:HTML4.01Strict、IE8標準表示モード 大雑把なソース: <div style="overflow:auto;width:800px;height:18px;"> <div style="width:1200px;height:1px;"> </div> </div> IE8互換表示モード、Firefox3、Opera9.6、Safari3、Google Chrome1.0では 水平スクロールバーが表示されるものの、IE8標準表示モードのみ表示されず。 対処:親側のdivをoverflow:autoからoverflow-x:scrollに変更したところ、IE8標準表示モードでも表示された。 業務系のwebアプリで、横スクロールするテーブルの上にもスクロールバーを付けてくれと 言われたもんで、上に空っぽのスクロールバーを作ってonscrollで連動させようとしたら発生しますた。 IE8 正式版が出てからもう一ヶ月近くになりますね。 皆様いかがおすごしでしょうか。 うちの会社のシステム担当がIE7自動更新をブロックしてたのが つい最近だから、IE8なんて遠い未来の話だと思ってた。 てか>>435 の人はアップしたんだろうか? もしアレだったら>>434 のアップロードしようか? http://cssbug.xii.jp/ とりあえずやってみた。誰かと被ってたorまずかったらスマソ。そのときは消します。 需要あればいいんだが…。 >>435 です。 かなり遅くなってしまいましたが公開しました。 http://css-bug.jp/ >>475 氏と思いっきり被ってしまって涙目ですごめんなさい。 >>478 おつです! 本家(?)が来たようなのでサイトたたみますかw これからは>>478 さんにおまかせします〜。 ふと思ったけどIE5.xのバグってどうやって再現させるんだ? ほとんどIE6以降だろうし。 ttp://www.google.com/support/forum/p/apps?hl=ja Googleページのリンク2個だけがリンク切れしてるかと思って ソース見たらカーソルをcursor: text; にしている。 <a href="" style="color: rgb(0, 0, 204); cursor: text; ">利用ガイド</a> これは、何かのバグ対策なの? 何の意味があるの? >>478 自分も作ってたけど、どう見てもこっちの方が出来がいいな >>475 も合わせておつ >>478 乙です が、IEとの比較にNetscape7.1標準モードってのはさすがにもうそろそろやめませんか…www しかも、MTだから管理者しか編集できないな スレッド第4版のレス314以降も対応して欲しいです wikiの方がいいな・・・ 更新頑張ってくれるならいいんだけどさ >>484 以前有志の方が制作されたバグ辞典スレッドまとめサイトの内容をそのまま移植したので古い内容のままになっています。 >>485 ぼちぼちがんばります >>486 wikiマスターが身近におらずMTになってしまいました。 おすすめのwikiなどありますでしょうか。 ガイシュツ? OS:WinXP SP3 ブラウザ:Firefox3.0.5 現象:overflow-y:scrollを指定したエリアの高さが34px以下にならない。 簡単なソース: (HTML4.01Strict) <table style="width:200px;"> <tr> <th>ほげ</th><th>ほげ</th><th>ほげ</th> </tr> <table> <div style="width:217px;overflow-x:auto;overflow-y:scroll;"> <table style="width:200px;"> <tr> <td>ぴよ</td><td>ぴよ</td><td>ぴよ</td> </tr> <table> </div> <table style="width:200px;"> <tr> <th>ほげ</th><th>ほげ</th><th>ほげ</th> </tr> <table> いわゆるヘッダとフッタが固定されたスクロールテーブルを作ろうとしたところ、 IE8、Opera9.6、GoogleChromeなどではスクロールバーの上下に付いている三角ボタンが 縮小表示されて3つのテーブルが密着するのに、Firefoxだけ高さ17pxのいつもの三角ボタンが レンダリングされるため、真ん中のスクロールエリアが縮んでくれずに隙間ができる。 あ、申し訳ない。真ん中のdivにheight:auto;max-height:100px;を指定してる状態で。 ああすまん。 普通に<div style="height:auto;max-height:100px;width:217px;overflow-x:auto;overflow-y:scroll;"></div>だけでも良いわな。 【環境】WinVista IE8 【現象】和文OpenTypeフォントを指定すると、印刷時に行の折り返しなどで乱れが起きる。 下記のソースで実験した。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <style type="text/css"> BODY {font-family:"小塚明朝 Pr6N R";} </style> <body> <p>あいうえおかきくけこ、「アイウエオ」一二三四五六七八九〇。あいうえおかきくけこ、「アイウエオ」一二三四五六七八九〇。……※以下十回繰り返し</p> </body></html> これを印刷プレビューで見ると、カギ括弧とアが重なってるし、右端が不揃になるし、また ……あいうえおかきくけこ きくけこ、「アイウエオ」…… と、折り返した後でテキストに無い重複を勝手にしたりする。 FireFox3だと問題無し。 実験したOTFの小塚明朝は、Adobe Readerを入れると C:\Program Files\Adobe\Reader 9.0\Resource\CIDFont にある。 他に"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","FOT-筑紫明朝 Pro LB"で試したが結果は同じ。 なぜか市販でないフリー・フォントの"みかちゃん"ではこの不具合は起きなかった。 また不思議なことに、DOCTYPE宣言をTransitionalでなく <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> とすると、この印刷時の不具合は生じなくなる。下記でもよし。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd "> <html xmlns="http://www.w3.org/1999/xhtml " xml:lang="ja"> cf.OpenTypeフォントを用いて2バイト文字を表示することができない http://css-bug.jp/win/ie/ver6/0324/ http://page.freett.com/onlineuser/OTTest/OTTest.html >>493 追記 問題が起きるのは印刷時(印刷プレビュー)だけで、ブラウザ表示だけだと支障無し。 ぶっちゃけフォントの問題までカバーする必要は・・・・ フォントの所為ではない。FireFoxならOKってことは、WinIEの問題でしょ。 >>492 うーむ、でも高さを指定するとmax-heightを指定した意味が……。 「自分がそうしたくない」ことをバグにしたがる奴が増えてんな・・・ >>493 はWin2000・IE6でも再現した。試したOTFは「ヒラギノ明朝 Pro W3」。 仕様ねえ。互換モードでなければ正常印刷ってのがワケわからんな。 >>487 DokuWiki 別にMTでもいいんだけど、更新速度やらまとめリストやら考えると、Wikiの方が利便性良くないかな。 二重運営でも大して手間かからないかもしれないし。 Wikiでも管理者以外更新しなけりゃ意味ないんだけどね。 ここ最近の流れを見ていると バグでないものでも更新しそうな人が多そうでgkbr ファイアフォックスなんていう重たいだけの糞ブラウザを使ってる奴が悪い。 新まとめサイトだけどさ 一番上のIE8、IE7クリックしたときに 「現在、IE*のバグに関するデータが登録されていません」 みたいなコメントつけておいて欲しい 必然的に「バグ一覧」クリックしてしまうけど あれはIE全てのバグ一覧なんでしょ? とりあえず、それだけ要望です ついでに、IE8のCSS に関する記事 IE8で修正されたCSSとHTMLおよびXHTML関連のバグ - builder by ZDNet Japan ttp://builder.japan.zdnet.com/sp/internet-explorer-8-2009/story/0,3800095257,20392076,00.htm >>505 css-bug.jpの者です、ご指摘ありがとうございます バグが登録されていないのか不具合なのか紛らわしいですね 後ほどコメントを追加しておきます バグ一覧はIEに限らず登録されているすべてのバグ一覧となっています Wikiにしてみんなで編集できるようにしてほしいというご意見をいただき DokuWikiとMediaWikiをダウンロードしたところで時が止まっています スレ4レス315以降に報告されたバグをまとめる作業も進んでおりません 手際の悪い管理人で申し訳ないです IE8 と Firefox3 で起きている拡大縮小に関するバグ ttp://blog.webcreativepark.net/2009/03/30-125731.html IE8 でa要素内に画像があり、背景を指定した時に位置がずれる ttp://css-happylife.com/log/bug/000743.shtml 連投スマソ >>507 管理人さん、何か手伝えることはないですか? バグの情報を事前に html で書き起こして、まとめるくらいなら できます。 into the cigar likethe blood are open.<a href=www.youtube.com/orderviagraonline1>order viagra online</a>the penis; in thisarteries going topenis fast. The [url=www.youtube.com/orderviagraonline1]order viagra here[/url]then gets trapped instiffens. That means >>509 ・個人サイト張り付けるな ・バグの前にwikiを調べてこい IE8で3つぐらいの入れ子にしたリストで リストマークがおかしくなるのですが 報告はこちらでもよろしいのでしょうか? IETesterのバグみたいです すみませんでした MS純正IE8でもう一度確認したけど やはりリストマークがおかしくなる とりあえず比較画像 ttp://nagamochi.info/src/up21087.gif 発生条件が確定してないけど IE8だけおかしくて、IE7以下は問題ない おかしいっていうかマーカーの描画ってそこまで厳密に決められた仕様じゃないから 8のデカいスクウェアでも「そうなんです」と言われたら「そうなんですか」と納得するしかないような >>514 テストページうp 希望 フォント絡みの問題かもしれない Microsoft Connectに報告あったかもしれないからちょっと探してくる https://connect.microsoft.com/IE/feedback んー、つまりIE8でlist-style-type : square;にするとマーカーが大きく表示されるのは仕様なのかな? よくわからないけど、フォントの指定によって改善される? ユニコードキャラクタが云々って書いてるけど、よくわかんないや。 気になったのでageで。 >>519 https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=332529 にはおおむね次のようなことが書いてあるみたい: ・CSS 仕様ではビュレットに「この Unicode 文字使うように」と書いてある(註1) ・IE8 は U+25A0(■) → U+25AA → U+25FC → U+25FE の順に見つかったものを使う ・Courier フォントには Unicode 文字が含まれてない ・フォールバックして U+25A0 があるフォントを使う(?) つまるところ: ・マーカーの表示は li 要素が継承した font-family のフォントに依存 ・前述した Unicode フォントがあるかどうかで大きさが決まる ってことらしい 註1: CSS List Module Level 3 のことらしい http://dev.w3.org/csswg/css3-lists/#square なるほど。 Verdanaが好きでいつも使ってるけど、それだと■がでかくなっちゃうんだよな。 ただCSSの仕様上これが正しいって言われると我慢するしかないか・・・ >>39 と同じと思われる現象が Windows Safari 4.0.3 で出ました。 回避方法は見付かっていないのでしょうか? デザイナーのみなさん、現在CSS Creatorでは、サイトLogoの competitionを行っています。 興味のある方はRead the Briefからどうぞ。 http://99designs.com/contests/27869 relative要素がある場合、bodyにもrelativeを設定しないと IE系でズームアップ・ダウンした際に正常動作しない >>524 それってウィンドウリサイズ時にrelative要素の配置がおかしくなる問題と一緒? Base on that and your blog posts, I hope to catch him on tour. , 【Google Chrome 4.0】 ruby要素が親ブロック要素へのインデント指定を反映する ttp://www.google.com/support/forum/p/chrome/thread?tid=1cf875b455ef1bc7&hl=ja ruby要素・rb要素はインライン要素、 だから親ブロック要素に適用されるtext-indentプロパティーは継承しない筈だが、 ルビ附き文字の前にインデント指定した分だけ空白ができる。 例 p {text-indent:1em;} <p>対応ブラウザでは<RUBY><RB>ルビ</RB><RP>(</RP><RT>ふりがな</RT><RP>)</RP></RUBY>が表示される。</p> 「対応ブラウザでは ルビが表示される。」とルビ附き文字の前が無意味に一字空きになる。 【Google Chrome 4.0】 インライン・テーブルにしたruby要素内のrb要素・rt要素を displayプロパティーで表と同様に表示させようとすると、文字列が消えて見えなくなる。 http://www.akatsukinishisu.net/itazuragaki/css/use_ruby_style_as_user_stylesheet.html http://fswiki.org/wiki.pl?page=BugTrack-theme%2F23 上記にある通り、 rb要素(ルビベース)にはdisplay:table-row-group;を、 rt要素(ルビテキスト)にはdisplay:table-header-group;をスタイル指定してある場合。 Chrome 4では、rb要素もrt要素もなぜかdisplay:none;状態になって不可視になる。 これを回避するには、 ruby { display: inline; } rt { display: block; } rb { display: block; } をChrome4に適用させればルビ表示は元に戻るみたい。 但しその場合Safariでルビ表示にならなくなるが。 Opera10.5x vertical-align text-bottomが、他のブラウザと違って位置がずれる。 Opera10.1x 画像より小さい、line-heightに設定して、その画像にvertical-align bottomを設定すると、正常に表示されない。(他のブラウザと挙動が違う。) Opera10.51 Opara10のみ適用させるための属性セレクタ・ハックが利用できなくなった。 下記はOpera10.50までOperaのみ有効だったが、ver.10.51ではOperaでもスタイル指定は無効になる。 html[lang*=""] body:last-child p {color:red;} cf. http://www.atmarkit.co.jp/fwcr/design/benkyo/csshack03/03.html#13 代用として、Opera9.51ハックと呼ばれるものはまだ有効。 p:not(\*|*) {color: red;} cf. http://d.hatena.ne.jp/momizine/20090108/1231397816 そういえば、CSSバグ辞典のwikiは、誰か引き継いんだんですか? read.cgi ver 07.4.6 2024/03/23 Walang Kapalit ★ | Donguri System Team 5ちゃんねる