X
CSS/DHTMLバグ辞典スレッド【第５版】
0001Name_Not_Found
垢版 |
2006/04/08(土) 20:05:59ID:FsSaRr1T
CSS（とDHTML）のバグ報告、お待ちしてます。
※報告の際はOS・ブラウザ名とそのヴァージョンを明記して下さい。
　再現条件をつきとめるため、必要に応じてソースを出して下さい。

第４版レス314までのバグは下記に登録済み（前々366◆E3CSS.J95U／◆B7TCOttEさんに感謝）。
【CSSバグリスト＠CSSバグ辞典スレッド】　
http://cssbug.at.infoseek.co.jp/index.html
　（もうずっと更新休止、誰かwikiででも引き継がないか？）

　プロパティ別にバグを調べたいときは――
・K@tsukun's PAGE! ＞ CSS対応状況表 （の各プロパティ「関連バグ情報」）
　http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html
・CSSプロパティ別トラブルの索引
　http://dhr.at.infoseek.co.jp/stylebug_index1.htm

【バグ説明・回避法などを載せた参考サイトへのリンク】
　http://cssbug.at.infoseek.co.jp/link.html
【過去ログ】
　1 http://mentai.2ch.net/hp/kako/987/987003410.html
　2 http://pc2.2ch.net/hp/kako/991/991666454.html
　3 http://2ch-library.com/hp/1050844510.html
　4 http://pc8.2ch.net/test/read.cgi/hp/1078463560/l50
【関聯スレッド】
・/* CSS・スタイルシート質問スレッド*/
　http://web2ch.s31.xrea.com/?CSSLog
・代替スタイルシートに萌え〜
　http://pc8.2ch.net/test/read.cgi/hp/991400015/l50
・独自拡張、草案段階のCSSについて語れ
　http://pc8.2ch.net/test/read.cgi/hp/1019912046/l50

その他あれば、>>2-5あたりで。
0459457 さくら
垢版 |
2009/03/04(水) 23:38:21ID:IeLHLW2u
>>456
なるほど〜 一つ目のtdにborder-topを設定すると良かったんですね!
参考になりました。私も今度も試してみます!o(^-^)o
0460455 さくら
垢版 |
2009/03/04(水) 23:43:09ID:???
457さん、すみません間違えました。 私は455でした…(>_<)
0461momo
垢版 |
2009/03/05(木) 02:02:39ID:???
>>460
きにしないでくださぃ☆
0462Name_Not_Found
垢版 |
2009/03/05(木) 14:04:43ID:???
確かにどうやって失敗したのか書いてほしいな
0463Name_Not_Found
垢版 |
2009/03/06(金) 01:02:26ID:???
>>462
同意
ここはバグ辞典スレなんだから、情報があるに越したことはない
0464450-452
垢版 |
2009/03/06(金) 02:25:56ID:???
>>454
IE8 RC1 (build 18372)，WinVista Home Premium / Bussinessにて、こちらでも確認しました。
0465Name_Not_Found
垢版 |
2009/03/14(土) 11:42:41ID:o8JxV32E
バグか？！
ttp://hp.vector.co.jp/authors/VA022006/css/fonts.html#font-weight
の
補足：フォントサイズはユーザにまかせよう　って見出し付いてる本文２行目
「指定すべきではありません。特定の環境では文字サイズの変更を面倒にさせるかもしれません。文書著者はユーザ設定の基本フォントサイズに対して相対」
の35文字目の　「る」が動く。
この一行　左からポインタでくくって　文字反転していくと、
左から29文字目の　「を」を　くくった瞬間に　「る」が左に1px動くのは
仕様ですか？

ちなみに動作確認ブラウザ Firefox
発見時間　2009/03/14　am11:39
0467Name_Not_Found
垢版 |
2009/04/18(土) 12:22:36ID:y+hIu1SM
バグじゃなくて正常な動作かも分からんですが。

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で連動させようとしたら発生しますた。
0468Name_Not_Found
垢版 |
2009/04/19(日) 17:57:08ID:???
IE8ってまだベータだろうが
0469Name_Not_Found
垢版 |
2009/04/19(日) 18:31:06ID:???
楽天もヤフーも使えないIE8、役にたたなすぎる
0470Name_Not_Found
垢版 |
2009/04/19(日) 21:30:06ID:???
IE8 正式版が出てからもう一ヶ月近くになりますね。
皆様いかがおすごしでしょうか。
0471Name_Not_Found
垢版 |
2009/04/19(日) 23:29:17ID:???
正式版になってたのか・・・
0472Name_Not_Found
垢版 |
2009/04/20(月) 19:03:25ID:???
うちの会社のシステム担当がIE7自動更新をブロックしてたのが
つい最近だから、IE8なんて遠い未来の話だと思ってた。
0473Name_Not_Found
垢版 |
2009/04/30(木) 17:43:51ID:???
で、結局CSSバグ辞典はどうなったん？
0474Name_Not_Found
垢版 |
2009/04/30(木) 18:09:08ID:???
てか>>435の人はアップしたんだろうか？
もしアレだったら>>434のアップロードしようか？
0475473=474
垢版 |
2009/04/30(木) 19:01:27ID:???
http://cssbug.xii.jp/
とりあえずやってみた。誰かと被ってたorまずかったらスマソ。そのときは消します。
需要あればいいんだが…。
0478Name_Not_Found
垢版 |
2009/05/01(金) 12:23:02ID:???
>>435です。
かなり遅くなってしまいましたが公開しました。
http://css-bug.jp/

>>475氏と思いっきり被ってしまって涙目ですごめんなさい。
0479Name_Not_Found
垢版 |
2009/05/01(金) 12:46:08ID:???
>>478
おつです！
本家（？）が来たようなのでサイトたたみますかｗ
これからは>>478さんにおまかせします〜。
0480Name_Not_Found
垢版 |
2009/05/01(金) 12:52:55ID:???
ふと思ったけどIE5.xのバグってどうやって再現させるんだ？
ほとんどIE6以降だろうし。
0482Name_Not_Found
垢版 |
2009/05/04(月) 00:24:40ID:???
ttp://www.google.com/support/forum/p/apps?hl=ja
Googleページのリンク２個だけがリンク切れしてるかと思って
ソース見たらカーソルをcursor: text; にしている。
<a href="" style="color: rgb(0, 0, 204); cursor: text; ">利用ガイド</a>
これは、何かのバグ対策なの？　何の意味があるの？
0483Name_Not_Found
垢版 |
2009/05/04(月) 02:10:09ID:???
>>478
自分も作ってたけど、どう見てもこっちの方が出来がいいな
>>475も合わせておつ
0484Name_Not_Found
垢版 |
2009/05/04(月) 12:27:47ID:???
>>478
乙です
が、IEとの比較にNetscape7.1標準モードってのはさすがにもうそろそろやめませんか…ｗｗｗ
0485Name_Not_Found
垢版 |
2009/05/04(月) 22:54:34ID:???
しかも、MTだから管理者しか編集できないな
スレッド第４版のレス314以降も対応して欲しいです
0486Name_Not_Found
垢版 |
2009/05/05(火) 13:01:29ID:???
wikiの方がいいな・・・
更新頑張ってくれるならいいんだけどさ
0487478
垢版 |
2009/05/05(火) 13:23:10ID:???
>>484
以前有志の方が制作されたバグ辞典スレッドまとめサイトの内容をそのまま移植したので古い内容のままになっています。

>>485
ぼちぼちがんばります

>>486
wikiマスターが身近におらずMTになってしまいました。
おすすめのwikiなどありますでしょうか。
0488Name_Not_Found
垢版 |
2009/05/20(水) 00:40:42ID:fYqozEmw
ガイシュツ？

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のいつもの三角ボタンが
レンダリングされるため、真ん中のスクロールエリアが縮んでくれずに隙間ができる。
0489Name_Not_Found
垢版 |
2009/05/20(水) 00:44:35ID:???
あ、申し訳ない。真ん中のdivにheight:auto;max-height:100px;を指定してる状態で。
0490Name_Not_Found
垢版 |
2009/05/20(水) 00:45:17ID:???
最小単位のソースで出しましょう
0491Name_Not_Found
垢版 |
2009/05/21(木) 23:10:36ID:???
ああすまん。
普通に<div style="height:auto;max-height:100px;width:217px;overflow-x:auto;overflow-y:scroll;"></div>だけでも良いわな。
0493Name_Not_Found
垢版 |
2009/05/22(金) 18:52:23ID:z1i3aaj8
【環境】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だと問題無し。

実験したＯＴＦの小塚明朝は、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
0494Name_Not_Found
垢版 |
2009/05/22(金) 18:57:08ID:???
>>493追記
問題が起きるのは印刷時（印刷プレビュー）だけで、ブラウザ表示だけだと支障無し。
0495Name_Not_Found
垢版 |
2009/05/22(金) 23:22:44ID:???
ぶっちゃけフォントの問題までカバーする必要は・・・・
0496Name_Not_Found
垢版 |
2009/05/23(土) 00:25:34ID:???
フォントの所為ではない。FireFoxならＯＫってことは、WinIEの問題でしょ。
0497Name_Not_Found
垢版 |
2009/05/23(土) 00:34:25ID:???
>>492
うーむ、でも高さを指定するとmax-heightを指定した意味が……。
0498Name_Not_Found
垢版 |
2009/05/23(土) 05:10:06ID:???
「自分がそうしたくない」ことをバグにしたがる奴が増えてんな・・・
0499Name_Not_Found
垢版 |
2009/05/23(土) 05:28:11ID:???
>>493はWin2000・IE6でも再現した。試したＯＴＦは「ヒラギノ明朝 Pro W3」。
0501Name_Not_Found
垢版 |
2009/05/25(月) 23:39:07ID:???
仕様ねえ。互換モードでなければ正常印刷ってのがワケわからんな。
0502Name_Not_Found
垢版 |
2009/05/27(水) 00:37:38ID:???
>>487
DokuWiki

別にMTでもいいんだけど、更新速度やらまとめリストやら考えると、Wikiの方が利便性良くないかな。
二重運営でも大して手間かからないかもしれないし。
Wikiでも管理者以外更新しなけりゃ意味ないんだけどね。
0503Name_Not_Found
垢版 |
2009/05/27(水) 04:14:47ID:???
ここ最近の流れを見ていると
バグでないものでも更新しそうな人が多そうでｇｋｂｒ
0504Name_Not_Found
垢版 |
2009/05/31(日) 00:28:07ID:???
ファイアフォックスなんていう重たいだけの糞ブラウザを使ってる奴が悪い。
0505Name_Not_Found
垢版 |
2009/06/10(水) 10:53:29ID:???
新まとめサイトだけどさ
一番上のIE8、IE7クリックしたときに
「現在、IE*のバグに関するデータが登録されていません」
みたいなコメントつけておいて欲しい

必然的に「バグ一覧」クリックしてしまうけど
あれはIE全てのバグ一覧なんでしょ？

とりあえず、それだけ要望です
0506Name_Not_Found
垢版 |
2009/06/10(水) 11:00:35ID:???
ついでに、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
0507Name_Not_Found
垢版 |
2009/06/11(木) 03:43:42ID:???
>>505
css-bug.jpの者です、ご指摘ありがとうございます
バグが登録されていないのか不具合なのか紛らわしいですね
後ほどコメントを追加しておきます

バグ一覧はIEに限らず登録されているすべてのバグ一覧となっています

Wikiにしてみんなで編集できるようにしてほしいというご意見をいただき
DokuWikiとMediaWikiをダウンロードしたところで時が止まっています

スレ4レス315以降に報告されたバグをまとめる作業も進んでおりません
手際の悪い管理人で申し訳ないです
0508Name_Not_Found
垢版 |
2009/06/22(月) 19:00:57ID:???
IE8 と Firefox3 で起きている拡大縮小に関するバグ
ttp://blog.webcreativepark.net/2009/03/30-125731.html

IE8 でa要素内に画像があり、背景を指定した時に位置がずれる
ttp://css-happylife.com/log/bug/000743.shtml
0509Name_Not_Found
垢版 |
2009/06/22(月) 19:03:40ID:???
連投スマソ

>>507
管理人さん、何か手伝えることはないですか？
バグの情報を事前に html で書き起こして、まとめるくらいなら
できます。
0510zQYnIYjLd
垢版 |
2009/06/24(水) 02:51:06ID:???
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
0511Name_Not_Found
垢版 |
2009/06/24(水) 03:28:49ID:???
>>509
・個人サイト張り付けるな
・バグの前にwikiを調べてこい
0512Name_Not_Found
垢版 |
2009/06/30(火) 23:18:54ID:???
IE8で3つぐらいの入れ子にしたリストで
リストマークがおかしくなるのですが
報告はこちらでもよろしいのでしょうか？
0513Name_Not_Found
垢版 |
2009/07/01(水) 00:32:00ID:???
IETesterのバグみたいです
すみませんでした
0514Name_Not_Found
垢版 |
2009/07/06(月) 12:43:24ID:???
MS純正IE8でもう一度確認したけど
やはりリストマークがおかしくなる
とりあえず比較画像

ttp://nagamochi.info/src/up21087.gif

発生条件が確定してないけど
IE8だけおかしくて、IE7以下は問題ない
0515Name_Not_Found
垢版 |
2009/07/06(月) 13:31:06ID:???
おかしいっていうかマーカーの描画ってそこまで厳密に決められた仕様じゃないから
8のデカいスクウェアでも「そうなんです」と言われたら「そうなんですか」と納得するしかないような
0519Name_Not_Found
垢版 |
2009/08/14(金) 13:01:45ID:sSYDhfE7
んー、つまりIE8でlist-style-type : square;にするとマーカーが大きく表示されるのは仕様なのかな？
よくわからないけど、フォントの指定によって改善される？
ユニコードキャラクタが云々って書いてるけど、よくわかんないや。

気になったのでageで。
0520Name_Not_Found
垢版 |
2009/08/14(金) 20:53:22ID:???
>>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
0521Name_Not_Found
垢版 |
2009/08/16(日) 22:38:23ID:???
なるほど。
Verdanaが好きでいつも使ってるけど、それだと■がでかくなっちゃうんだよな。
ただCSSの仕様上これが正しいって言われると我慢するしかないか・・・
0522Name_Not_Found
垢版 |
2009/08/31(月) 16:16:44ID:???
>>39 と同じと思われる現象が Windows Safari 4.0.3 で出ました。
回避方法は見付かっていないのでしょうか？
0523competition
垢版 |
2009/09/04(金) 19:50:29ID:0eS9ANId
デザイナーのみなさん、現在CSS Creatorでは、サイトLogoの competitionを行っています。
興味のある方はRead the Briefからどうぞ。

http://99designs.com/contests/27869
0524Name_Not_Found
垢版 |
2009/09/05(土) 19:29:16ID:???
relative要素がある場合、bodyにもrelativeを設定しないと
IE系でズームアップ・ダウンした際に正常動作しない
0525Name_Not_Found
垢版 |
2009/09/05(土) 23:47:01ID:???
>>524
それってウィンドウリサイズ時にrelative要素の配置がおかしくなる問題と一緒？
0526UwxNeMFxGMMdSsLCd
垢版 |
2009/10/23(金) 22:42:24ID:???
Base on that and your blog posts, I hope to catch him on tour. ,
0527Name_Not_Found
垢版 |
2010/02/05(金) 00:02:30ID:???
【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>
「対応ブラウザでは  ルビが表示される。」とルビ附き文字の前が無意味に一字空きになる。
0528Name_Not_Found
垢版 |
2010/02/05(金) 00:13:44ID:???
【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でルビ表示にならなくなるが。
0529Name_Not_Found
垢版 |
2010/03/17(水) 11:50:06ID:a//ADYW9
Opera10.5x

vertical-align text-bottomが、他のブラウザと違って位置がずれる。

Opera10.1x
画像より小さい、line-heightに設定して、その画像にvertical-align　bottomを設定すると、正常に表示されない。（他のブラウザと挙動が違う。）
0530Name_Not_Found
垢版 |
2010/03/25(木) 18:03:48ID:???
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
0531Name_Not_Found
垢版 |
2010/04/07(水) 21:06:39ID:+rQZcCMQ
そういえば、CSSバグ辞典のwikiは、誰か引き継いんだんですか？
0532Name_Not_Found
垢版 |
2010/04/26(月) 18:50:10ID:???
【OS】Windows7 Home Prenium 64bit版
【ブラウザ】Firefox3.6.3
【ソース】
＜CSS＞
body {
background:url(p001.png) #ff0;}
select#s1 {
background:url(002.png);}
＜HTML＞
<form action="#">
<fieldset>
<select id="s1">
<option>1</option>
<option>2</option>
</select>
<select id="s2">
<option>1</option>
<option>2</option>
</select>
</fieldset>
</form>
【症状】
selectに背景画像を設定しない場合、システム背景色が適応される。
しかしselectのみに背景画像を指定しoptionは無指定すると、
selectを開いたときのoptionの背景が何故かルート要素の背景色
（上記例の場合、001.pngですらなく#f00）になる。

また、select#1に背景画像と共にbackground:url(002.png) #f00;のような背景色の指定をした場合、
selectを開く前からselectの背景が何故かselectの背景色（この場合#f00）になる。
（後者のこの症状についてはOpera10.51でも同様だったので、もしかして仕様？）
0533Name_Not_Found
垢版 |
2010/04/27(火) 21:48:21ID:???
IE8の標準準拠モード
a要素の中にimg要素があると、
a要素に付けたactive疑似クラスの挙動がおかしい。

<a><img src="hoge.jpg"></a>

a{
display:block;
padding:5px;
}
a:active{
background:red;
}

a要素をクリックした場合は、マウスボタンを押さえている間
active疑似クラスの設定が反映されて背景色が赤くなるはずだが
img要素の上でクリックした場合は、無反応。a要素のpadding領域で
クリックした場合は、正常に背景色が赤く変わる。
ただしリンクとしての動作はいずれの箇所をクリックしても正常。
また、レンダリングモードがIE7なら指示通りの挙動になる。
0534Name_Not_Found
垢版 |
2010/04/27(火) 22:04:58ID:???

＞５１９
Ie9以外はbulletを文字でなくて絵でかいてるよ
0535Name_Not_Found
垢版 |
2010/09/20(月) 11:36:47ID:???
Opera10.62
inline-block、border、min-widthを同時に指定すると幅の計算がおかしくなる。

Firefox、Chrome、Safari、IEでは改行されないけど、Opera10.62だと改行される。
Opera9.52では改行されなかった。

<style>
ul, li {
display: inline-block;
}
ul {
background-color: red;
}
li {
border: 1px solid #000000;
min-width: 4em;
}
</style>
<ul>
<li>ああああ</li>
<li>いいい</li>
<li>ううううう</li>
</ul>
0536Name_Not_Found
垢版 |
2011/01/24(月) 01:35:34ID:???
Opera11
従来のOpera用ＣＳＳハックが効かなくなった。
0537Name_Not_Found
垢版 |
2012/04/19(木) 17:14:30.59ID:???
IE 6, 7で、a要素の中に別な要素があってそいつがfloatしてると、cursorがpointerじゃなくtextになる

<a href=".">
<span style="float: left;">
ここのカーソルが……
</span>
</a>
0538Name_Not_Found
垢版 |
2012/09/15(土) 18:13:20.70ID:???
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
0539Name_Not_Found
垢版 |
2012/11/07(水) 16:57:05.80ID:???
久々に見に来たら
3年前の俺のレスからほとんど進んでないとは・・・
需要なくなった感じだな
0540Name_Not_Found
垢版 |
2012/12/04(火) 13:23:48.19ID:???
css-bug.jp 活動終了ですか。
だとしたら残念ですが、事情あっての事でしょう。
お世話になりました、ありがとうございました。
0542Name_Not_Found
垢版 |
2012/12/13(木) 23:27:20.83ID:mmAfCJBg
flashの上にz-indexを使って画像を重ねたのですが
アンドロイドだけ正しく表示されず、flashが上にきてしまいます。
下記記述をしましたが解決されません。

<param name="wmode" value="transparent" />
<embed src="main.swf" wmode="transparent" />

なにか良い解決方法はないでしょうか。
0544Name_Not_Found
垢版 |
2013/10/20(日) 18:24:37.67ID:???
IE10で確認。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE10">
.tategaki {
writing-mode:vertical-rl;
writing-mode:tb-rl; /*For under IE8*/
-ms-writing-mode:tb-rl;/*IE9互換だと無効*/
height:25%;
width:100%;
}
<div class="tategaki" id="COL1">
<p>ここに一段目の縦書きのテキストが入ります。</p>
</div>
<div class="tategaki" id="COL2">
<p>ここは二段目になります。</p>
</div>

width:100%;を入れないと、縦書き表示なのに画面左に行が寄って、段の右から始まらない。
しかしwidthを指定すると、heightの%指定が画面表示領域横幅に対する割合になるバグが生じた。
0545Name_Not_Found
垢版 |
2013/10/23(水) 23:53:07.57ID:???
directionプロパティを指定した要素に背景色を指定すると文字テキストが消える。
IE10strict/Quirksで確認。
span {
background:#ccc;
color:#000;
direction:rtl;
unicode-bidi:bidi-override;
}
<p>なぜか<span>この文字テキスト</span>が消える。</p>
<p><span>これだとカーソルでドラッグ選択もできなくなる。</span></p>
0546Name_Not_Found
垢版 |
2013/10/24(木) 04:11:12.85ID:???
だいたいdirectionプロパティって、日本語組版だと利用する場面が無くない？
http://blog.imagedrive.jp/2011/01
古くから扁額とかに見られた右横書きだって、あれは一字一行の縦書きなのであって、複数行にわたることないし。
0547Name_Not_Found
垢版 |
2013/10/25(金) 07:14:36.32ID:???
Internet Explorer 5.5 における縦書きレイアウトの使用
http://msdn.microsoft.com/ja-jp/library/bb250415(v=vs.85).aspx
BODY要素は常に水平方向にレイアウトされ、ブラウザは常にマークアップ内の
最上位要素の原点をビューポートの開始点として整列します。
上記の例では、この原点がページの左上隅になります。読み込んだページに
テキストが表示されるようにするには、ページ本体を右にスクロールする必要があります。
これを回避するには、BODY 要素の direction プロパティを RTL (右から左) に設定し、
グローバルな DIV 要素の direction プロパティを LTR (左から右) に戻します。
この結果、原点は右上隅になります。
0548Name_Not_Found
垢版 |
2013/10/26(土) 01:26:28.34ID:???
取り消し線（del要素等）の色が一定しない【Safari5〜／Google Chrome 30（Webkit系）】
a:link, a:hover, a:visited {color:blue;}
del {
text-decoration:line-through;
color:gray;
}
<p><del>取り消し<a href="link.htm">リンク</a>抹消<del>通常テキスト</p>

上記の例をWinIE10・Firefox24・Opera12で見ると、
A要素部分にリンク文字色（青色）の上から灰色の取り消し線が引かれる。
しかし、Safari5.1.7やGoogle Chrome 30やOpera17等のWebkit系のみ挙動が異なる。
A要素の部分は文字色と同色で取り消し線が引かれる。

かつて似た例に、親要素のtext-decorationの効果を子孫要素で取り消せない事例があった。
これは取り消せる方がバグであった。
http://pentan.info/stylesheet/bug/winie040.html
http://www.mozilla.gr.jp/standards/webtips0002.html
すると解釈としては、Webkit系だけが正しく解釈してるのか？
0549Name_Not_Found
垢版 |
2013/10/27(日) 02:41:55.84ID:???
word-breakがブロックレベル要素以外で効かない
http://pentan.info/stylesheet/bug/winie128.html

word-break:break-all;をインライン要素に指定しても、
半角英数字から成る長い単語（URLとかソースコードも）は次行に送られ、右端で改行してくれないことがある。
横幅によっては文字列中のハイフン「-」の位置で改行すればいいのに、してくれなかったりとか。
.break {word-break:break-all;}
p {width:38em;}
<p>文章中に出てくるURLとか、長く連続した英数字（→<span class="break">LongLongLongVeryLongWordByRomanAlphabet</span>）にだけスタイルを適用させたいのだけど……。</p>

親ブロックに指定せずともきっちり折り返して行の右端が揃ったのは、下記だけだった。
Google Chrome 30.0.1599.101 m
Safari5.1.7

IE10は「→」の右で改行、Firefox24・Opara12は「英数字」の右で改行した。
0550Name_Not_Found
垢版 |
2013/10/30(水) 03:23:53.30ID:???
Windows版Safari5.1.7で確認。
Webkit独自実装の縦書きプロパティーの-webkit-writing-mode:vertical-rl;
これの適用時、DOCTYPEスイッチがQuirksモードだと、
width:100%;みたいな％指定の横幅が短くなって表示が乱れる。
中でどんな計算しとるのかは解らんかった。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
body {
direction:rtl; unicode-bidi:bidi-override;
margin:0;
}
.tategaki {
direction:ltr; unicode-bidi:bidi-override;
writing-mode:vertical-rl;
writing-mode:tb-rl; /*For under IE8*/
-webkit-writing-mode:vertical-rl;
overflow-x:auto;
height:50%;
width:95%;
}
<div class="tategaki" id="COL1">
<p>ここに一段目の縦書きのテキストが入ります。長文</p>
<p>以下繰り返しで横スクロールが生じるだけの長文にする。</p>
</div>
<div class="tategaki" id="COL2">
<p>ここは二段目になります。</p>
</div>

逆に、標準モードでもwidthが％指定だと問題が起きる。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>
多段組で縦書きボックスが複数ある場合、中身が長文でも各縦書き領域に横スクロールバーが出ない。表示領域全体に対してしか横スクロールできない。
overflow-x:auto;でなくoverflow-x:scroll;と指定してすら、
バーは表示されてもスクロールのつまみが出てこないから動かせないって理不尽な状態になる。
0551Name_Not_Found
垢版 |
2013/10/31(木) 17:27:10.18ID:???
Google Chrome30

折り返しを抑制した文字列を含むテーブルが横方向にはみ出すことがある。
例）
nowrapを指定してないA要素以外の文字列で折り返す筈だが……？
navbar1 a:link, .navbar1 a:visited {white-space:nowrap;}
.navbar1, .navbar1 table {width:80%;}
<div class="navbar1">
<table width="100%" border="1"><tr>
<td>
<a href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／<a
href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／<a
href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／<a
href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／<a
href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>
</td>
</tr></table>
</div>

但し、HTMLソースでの改行の仕方を変更すると、nowrapを指定してない文字列でちゃんと折り返す。
<td>
<a href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／
<a href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／
<a href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／
<a href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>／
<a href="./index.html">折り返し抑制折り返し抑制折り返し抑制</a>
</td>

cf. 「テーブルがはみ出しても横スクロールバーが表示されない」
http://pentan.info/stylesheet/bug/mozilla051.html
0552551
垢版 |
2013/10/31(木) 17:58:13.75ID:???
類似現象はむしろこっちか。
「表セル内要素への折り返し禁止指定がセル自体に作用する」
http://pentan.info/stylesheet/bug/opera008.html

あと、折り返し禁止してない文字列「／」を２文字にすると、
ちゃんと折り返して、テーブルが横に伸びる現象を回避できる。
0553551
垢版 |
2013/10/31(木) 18:22:17.29ID:???
これも該当か。
「インライン要素への折り返し禁止指定が当該要素の外のブロックに作用する」
http://pentan.info/stylesheet/bug/mozilla029.html
＞折り返しが行われるべき場所に空白類文字を挿入するとこのバグを回避できます。

何年も前のNetsacape7.0で発生してその後修正されたバグが、今になってChromeに再来するとは……。
0554Name_Not_Found
垢版 |
2013/11/04(月) 20:26:07.56ID:???
IE10／Chrome30／Firefox24／Safari5.1.7／Opera12
リンク疑似クラスで、font-weightプロパティーの上書き指定を反映しない。
A:link {
color:red;
font-weight:900;/* bolderでも可 */
}
A:visited {
color:blue;
font-weight:100 !important;/* lighterかnormalでも可 */
}
<p>未訪問と既訪問済みを比較→
<a href="./001.html">未訪問リンク</a>／
<a href="./index.html">既訪問リンク</a>
</p>

リンク文字列の色は変ったのに、字の太さは太くなったまま変化しない。
font-weightに限っては擬似クラスA:linkでの指定が強くて、A:visitedでは上書きできない罠。
これは全ブラウザで一致するみたいなので、バグでなく仕様なのか？
と思ったが、該当する記述は仕様書に見当らなかった。
http://www.asahi-net.or.jp/~BD9Y-KTU/htmlrel_f/W3Ccss1/index.html#anchor-pseudo-classes
http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html#link-pseudo-classes
http://momdo.s35.xrea.com/web-html-test/spec/CSS21/fonts.html#font-boldness
0555Name_Not_Found
垢版 |
2013/11/04(月) 20:30:19.86ID:???
>>554
>IE10／Chrome30／Firefox24／Safari5.1.7／Opera12
>これは全ブラウザで一致するみたいなので
間違った。
Opera12.16だけは、a:visitedでのfont-weightの上書き指定が有効だった。
0556Name_Not_Found
垢版 |
2013/11/04(月) 20:31:12.61ID:???
それは仕様。

http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#the-link-pseudo-classes-link-and-visited
Note: It is possible for style sheet authors to abuse the :link and :visited pseudo-classes to determine which sites a user has visited without the user's consent.
UAs may therefore treat all links as unvisited links, or implement other measures to preserve the user's privacy while rendering visited and unvisited links differently.

の範囲内の動作。
0557Name_Not_Found
垢版 |
2013/11/04(月) 21:12:19.47ID:???
>>556
邦訳だと、ここだね。
http://standards.mitsue.co.jp/resources/w3c/TR/css3-selectors/#the-link-pseudo-classes-link-and-visited
Note: スタイルシート製作者は :link, :visited 擬似クラスを悪用し、ユーザーがどのサイトにアクセスしたかをそのユーザーの承諾なしに知ることができる。
このため、UA はすべてのリンクを未訪問として扱う、もしくはそれぞれのリンクを表示する際ユーザーのプライバシーに配慮した方法を実装するなどの方法をとることができる。


でも、それなら、色は変化するのに太さは変化しないって、整合性がないよ。
やっぱちょっと異常な挙動ではある。
0558Name_Not_Found
垢版 |
2013/11/14(木) 07:15:01.69ID:???
Chrome 30.0.1599.101 m ／ Safari5.1.7
>>550のソースで、縦書き段内の横スクロールをした場合。
その文中にA要素があると、a:hoverをセレクタにした指定が効かなくなる。
横スクロールを動かさない初期状態だと、リンク・アンカーにカーソル乗せれば指定通りに背景色等が変化した。
.tategakiへのwidth指定でoverflowが発生するとこのバグが生じる。
普通の横書きでは段落ボックス内でoverflowの縦スクロールを動かしても、問題無し。
新着レスの表示
レスを投稿する

ニューススポーツなんでも実況