CSS/DHTMLバグ辞典スレッド【第５版】

CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
上下前次 1-新

531: 2010/04/07(水)21:06 ID:+rQZcCMQ(1) AAS
そういえば、CSSバグ辞典のwikiは、誰か引き継いんだんですか？

532: [age] 2010/04/26(月)18:50 ID:??? AAS
【OS】Windows7 Home Prenium 64bit版
【ブラウザ】Firefox3.6.3
【ソース】
＜CSS＞
body {
background:url(p001.png) #ff0;}
select#s1 {
background:url(002.png);}
＜HTML＞
<form action="#">
省19

533: 2010/04/27(火)21:48 ID:??? AAS
IE8の標準準拠モード
a要素の中にimg要素があると、
a要素に付けたactive疑似クラスの挙動がおかしい。

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

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

534: 2010/04/27(火)22:04 ID:??? AAS
＞５１９
Ie9以外はbulletを文字でなくて絵でかいてるよ

535: 2010/09/20(月)11:36 ID:??? AAS
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;
省11

536: 2011/01/24(月)01:35 ID:??? AAS
Opera11
従来のOpera用ＣＳＳハックが効かなくなった。

537: 2012/04/19(木)17:14 ID:??? AAS
IE 6, 7で、a要素の中に別な要素があってそいつがfloatしてると、cursorがpointerじゃなくtextになる

<a href=".">

ここのカーソルが……

</a>

538: 2012/09/15(土)18:13 ID:??? AAS
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
省12

539: 2012/11/07(水)16:57 ID:??? AAS
久々に見に来たら
3年前の俺のレスからほとんど進んでないとは・・・
需要なくなった感じだな

540: 2012/12/04(火)13:23 ID:??? AAS
css-bug.jp 活動終了ですか。
だとしたら残念ですが、事情あっての事でしょう。
お世話になりました、ありがとうございました。

541: 2012/12/07(金)23:39 ID:hGmqQyRw(1) AAS
RUN
動画ﾘﾝｸ[YouTube]

542: 2012/12/13(木)23:27 ID:mmAfCJBg(1) AAS
flashの上にz-indexを使って画像を重ねたのですが
アンドロイドだけ正しく表示されず、flashが上にきてしまいます。
下記記述をしましたが解決されません。

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

なにか良い解決方法はないでしょうか。

543(1): [age] 2012/12/18(火)17:33 ID:??? AAS
外部ﾘﾝｸ:answers.microsoft.com
ルビ（rb要素）を含む文書を標準モードで縦書き表示させたら、IE9ではひどいことになる、ト。
外部ﾘﾝｸ:f.hatena.ne.jp

544(2): [age] 2013/10/20(日)18:24 ID:??? AAS
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%;
}
省8

545: 2013/10/23(水)23:53 ID:??? AAS
directionプロパティを指定した要素に背景色を指定すると文字テキストが消える。
IE10strict/Quirksで確認。
span {
background:#ccc;
color:#000;
direction:rtl;
unicode-bidi:bidi-override;
}
なぜかこの文字テキストが消える。
これだとカーソルでドラッグ選択もできなくなる。

546: 2013/10/24(木)04:11 ID:??? AAS
だいたいdirectionプロパティって、日本語組版だと利用する場面が無くない？
外部ﾘﾝｸ:blog.imagedrive.jp
古くから扁額とかに見られた右横書きだって、あれは一字一行の縦書きなのであって、複数行にわたることないし。

547: 2013/10/25(金)07:14 ID:??? AAS
Internet Explorer 5.5 における縦書きレイアウトの使用
外部ﾘﾝｸ[aspx]:msdn.microsoft.com
BODY要素は常に水平方向にレイアウトされ、ブラウザは常にマークアップ内の
最上位要素の原点をビューポートの開始点として整列します。
上記の例では、この原点がページの左上隅になります。読み込んだページに
テキストが表示されるようにするには、ページ本体を右にスクロールする必要があります。
これを回避するには、BODY 要素の direction プロパティを RTL (右から左) に設定し、
グローバルな DIV 要素の direction プロパティを LTR (左から右) に戻します。
この結果、原点は右上隅になります。

548: 2013/10/26(土)01:26 ID:??? AAS
取り消し線（del要素等）の色が一定しない【Safari5〜／Google Chrome 30（Webkit系）】
a:link, a:hover, a:visited {color:blue;}
del {
text-decoration:line-through;
color:gray;
}
<del>取り消し<a href="link.htm">リンク</a>抹消<del>通常テキスト

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

549: 2013/10/27(日)02:41 ID:??? AAS
word-breakがブロックレベル要素以外で効かない
外部ﾘﾝｸ[html]:pentan.info

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

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

550(2): 2013/10/30(水)03:23 ID:??? AAS
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;
}
省21

上下前次 1-新書関写板覧索設栞歴

あと 77 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.014s