5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

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

第4版レス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あたりで。

105 :Name_Not_Found:2006/10/16(月) 21:29:28 ID:???
過疎ッてるしいまの所はいいんじゃね。
104は責任とってバグを報告を活発にして盛り上げヨロ。

106 :Name_Not_Found:2006/10/19(木) 22:55:48 ID:f1R/djb7
質問です。
【環境】Win XP / Firefox1.5.x Opera8.x NN7.1
<div style="width: 800px; margin: 0px; padding: 0px; background: url(img/maincontents-bg.gif);">
<div style="width: 589px; margin: 0px; padding: 0px; float: left;">left</div>
<div style="width: 210px; margin: 0px; padding: 0px; float: right;">right</div>
</div>

親要素に背景画像を指定して、子要素にfloat属性があると、親要素の
背景画像が表示されません。

既出でつか?
背景画像で罫線を入れたいんです。
子要素の左右どちらかにborder属性を指定すれば良いのでしょうが、
ページによって左右の高さが変わるので、親要素の背景画像として
対応できればと思っています。

107 :106:2006/10/19(木) 23:14:19 ID:???
自己レスです。
親要素にheightを指定すれば良いみたいです。

んでも、子要素の高さはなり行きなんですよねー。
結局、子要素にborderをしていするしかないんですかねぇ。。。

皆さんはどうしてます?

108 :Name_Not_Found:2006/10/19(木) 23:31:41 ID:???
基本から勉強しなおせ

109 :Name_Not_Found:2006/10/20(金) 02:21:46 ID:???
>>106

は?
仕様だっつーの あほか

110 :Name_Not_Found:2006/10/27(金) 18:25:22 ID:???
解除せぇ

111 :Name_Not_Found:2006/11/03(金) 13:11:13 ID:DjdfpzCM
>>107
親要素の:afterでclear: bothと、MacIEのみに適用するようにして親要素にdisplay: inline-tableと、バックスラッシュハックとスターハックを組み合わせてから親要素にheight: 1pxじゃなかった?
基礎だけど。詳しくは「"position is everything" float」でGoogleへ。
というか、質問スレじゃないだろ。答えてる俺が悪いんだが。

112 :Name_Not_Found:2006/11/19(日) 09:38:50 ID:3k+7zlXN
IE7です。

<ul><li><dl><dt>dt</dt><dd>dd</dd></dl></li>
<li><ol><li>li</li><li>li</li></ol></li></ul>

リストを入れ子にすると1行目(リストマーカーの右)に余白が空きます。


「li要素の子孫にリスト要素があるとリストマークが上方にずれる」
http://cssbug.at.infoseek.co.jp/detail/winie/b028.html


これと同様の現象だと思うんですけど、IE7では「補足」の方法では回避できません。
これ、バグだとすると、かなり致命的なバグだと思うんですけど…


113 :Name_Not_Found:2006/11/20(月) 12:33:41 ID:???
そう思っていればいいです。

114 :Name_Not_Found:2006/11/20(月) 15:48:00 ID:???
エラーログを見ていたのだけど、MacIE5がCSSの画像関係で物凄い数のエラーを吐いていたのね。
よく見てみると要求しているURLが、「CSSファイルのあるディレクトリ」+「画像指定のurl()のカッコ内の内容」になっていました。

http://cssbug.at.infoseek.co.jp/detail/macie/b021.html
上記URL先の場合だと、「/cssのあるディレクトリ/../images/hoge.jpg」と要求しているようです。

これを回避するにはcssのあるディレクトリ以下に画像を置いて、url(images/hoge.jpg) と記述するといいのでは?

(一応スレ内MacIE5で検索したのですが、ガイシュツでしたらすまそ。)

115 :Name_Not_Found:2006/11/20(月) 15:56:37 ID:???
114の文章力なさすぎで鬱。
MacIE5で指定した背景画像が表示されない問題についてです。

116 :Name_Not_Found:2006/11/20(月) 18:02:55 ID:???
>>115
>MacIE5で指定した背景画像が表示されない問題
そんな問題が起こった事はないんだが。
どういう条件下なのかちゃんと書いてくれ。

117 :Name_Not_Found:2006/11/20(月) 20:49:25 ID:???
>>116
条件は「CSSのおいてあるディレクトリ以下にない画像を相対URLで指定した場合」、
「url('hoge.jpg')のようにコンマを入れた場合」です。(Mac持っていないので多分…)

/css/style.css
/images/hoge.jpg
という階層の場合、

background-image:url('../images/hoge.jpg');と記述しますが、
MacIEはサーバーにこの画像の場所を/css/'../images/hoge.jpg' ←カッコの中身そのまんま
と要求してくるため、画像が表示されないのかと…。

/css/style.css
/css/images/hoge.jpg
という階層にして、

background-image:url(images/hoge.jpg);と記述すれば、画像が出そうだなと。
まとめサイトに解決策がなかったので一応。

118 :Name_Not_Found:2006/11/20(月) 21:07:31 ID:???
「簡略化プロパティを認識しない。」とまとめサイトにあるので、
もしかしたら下のケースだけかもしれません。何度もすみません。

background-image:url('../images/hoge.jpg');
background:url('../images/hoge.jpg');

119 :Name_Not_Found:2006/11/20(月) 21:21:41 ID:???
それってこれも絡んでるんじゃないの
ttp://cssbug.at.infoseek.co.jp/detail/macie/b047.html

120 :Name_Not_Found:2006/11/20(月) 21:43:45 ID:???
>>119
なるほどー。では相対URLで指定してもダブルクォーテーションで囲んだ
場合はMACIE5なら認識しそうな感じがしてきました。ありがとん。

121 :Name_Not_Found:2006/11/20(月) 22:48:26 ID:???
>>120
認識しないって書いてあるよ。
大昔はいざ知らず、今は’も”も付けないのが普通なんだし、
ましてやユーザーでも無いのに、何大騒ぎしてんのさ。

122 :Name_Not_Found:2006/11/21(火) 00:12:49 ID:???
ばかだね

123 :Name_Not_Found:2006/11/21(火) 01:00:11 ID:???
叩かれないようにって気をつけて書いたんだけど、
ヤッパリ叩かれてしまったなー。

エラーログが流れてしまうから、エラー吐かせたくなかったのね。
一応119には、『「MacIE4.5」はURIをダブルクォーテーションで
括った場合もこの指定を認識しない。』とあったから、MacIE5なら
OKだとおもただけだよ。結局は引用符つけない方法とったけどね。

124 :Name_Not_Found:2006/11/21(火) 08:50:56 ID:???
言い訳すればするほど泥沼

125 :Name_Not_Found:2006/11/21(火) 13:52:42 ID:???
ばかだからばかだといわれてるだけだ

126 :Name_Not_Found:2006/11/25(土) 15:59:29 ID:???
すいません質問ですが

ul.wisp li {
display: inline;
white-space: nowrap;
}

という記述のもと、
<ul>

127 :126:2006/11/25(土) 16:04:09 ID:???
という記述の元
<ul>
<li>***</li>
<li>***</li>
<li>***</li>
<li>***</li>
</ul>
というように書きました。

するとブラウザIE6にて、特定のウィンドウサイズにした際に****が表示されないときがあります。
コピペはできるので、テキストは存在するのですが、表示されなくなるようです。
これの原因か、もしくは解説しているサイトがあれば教えていただけないでしょうか。

128 :Name_Not_Found:2006/11/25(土) 16:46:19 ID:???
==============
ここは質問スレじゃありません
==============

129 :126:2006/11/25(土) 17:44:52 ID:???
書き込んでから気づきました
本当にごめんなさい。
>>1見て、自分で色々やってみることにします。
どうも失礼しました。

130 :Name_Not_Found:2006/11/26(日) 18:17:21 ID:RyMdnqg/
こんにちは。CSS質問スレで誘導されたのでこちらに書き込みます。
IE6とFirefox2.0で下のHTMLを表示させると
IE6ではtableの高さがウィンドウサイズになり、
FFではtableの高さがdivの高さ=1600pxになるようですが、
CSSの仕様的にはどちらの挙動が正しいんでしょうか? (UA依存?)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html style="height:100%">
<body style="margin:0px;height:100%">
<table style="height:100%" cellspacing=0 cellpadding=0>
<tr style="height:100%">
<td valign=middle>TEXT</td>
<td style="height:100%">
<div style="height:100%;overflow:scroll">
<div style="background-color:red;width:100px;height:1600px">RED BOX</div>
</div>
</td>
</tr>
</table>
</body></html>

131 :Name_Not_Found:2006/11/26(日) 18:42:25 ID:???
CSSスレ61の989だが、ここはあくまでバグを
報告する場であって質問をする場ではないよ。
報告されたのが本当にバグかどうかを検証するために
仕様書解釈の話をすることならあるかもしれないけど。
質問ならCSSスレのほうが適してるでしょ。

132 :Name_Not_Found:2006/11/26(日) 19:45:12 ID:???
          , -ェェェiiェェェ-、
          .l f^''' ー - ‐ ''' ^l i
          l ,'    ‐-‐    ','!
          | l へ、‐-‐,.へ l |  質問には一切お答え出来ません・・・・!
          Ll -‐。=, '=。‐,-.L|
          ,.{ヒ| ` ´| |` ´ .|ヒ}、
     _ ,. -‐|.`-l /_〈_〉_'、 !-’|ー- 、 _
 , -‐ ´ _ , -‐|.  l. l‘-―‐-’! |  |ー- _ ` ー- 、
i |-‐ ´    |  |`ー- ニ - ‐' !  |     ` ー-|ヽ
! |       |  .|   ><   |   |        |  l

133 :130:2006/11/26(日) 21:39:55 ID:???
>>131 >>132
了解しました。。では当該スレに戻ります。お騒がせしました。

134 :Name_Not_Found:2006/11/26(日) 21:48:03 ID:???
>>133
変な誘導した奴がいかんのだろ。
61thの最後の方で一応回答しといたよ。

135 :Name_Not_Found:2006/11/28(火) 23:05:10 ID:???
WinのIE 7を含む全てのIEでのバグ

IEではsup, sub要素に font-size: 100% とすると
他のUAよりも小さくなる(実質、他のブラウザの83%くらい)

これは既知の事実だと思う

で、いったんfont-size: 100%とリセットした後、
再びsup, sub要素に font-size: 120% とすると 文字サイズが極端に小さくなる。
なぜか 119% や 121% だと通常通りになる

bodyのfont-sizeの定義にもよるようだ
IE7は small IE5-IE6互換はx-small にしている

この不可解なバグ なんとかならないか
バグ辞典の2倍くらいのバグがあるんじゃないか

136 :Name_Not_Found:2006/11/28(火) 23:13:25 ID:???
ちょっと発現例がまださだかではないんだが、
とりあえず、Win IE 7では次のような場合に発現する

* {
font-size: 100%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}

sub {
font-size: 120%;
}


<p>テストテストテストテストテスト</p>
<sub>テストテストテストテストテスト</sub>


sub の font-size を 120% 意外にすると、正常になる・・・・

137 :Name_Not_Found:2006/11/28(火) 23:20:27 ID:6LugNF8K
新バグ age

138 :Name_Not_Found:2006/11/28(火) 23:23:28 ID:6LugNF8K
新バグ age

139 :Name_Not_Found:2006/11/28(火) 23:27:39 ID:???
それ、バグだね

font-sizeごとにsubとsupの基準サイズが固定されてたと思う

140 :Name_Not_Found:2006/12/01(金) 00:45:16 ID:+YgXNA5N
imgタグが勝手にbugに置き換わるんだが

これはバグなのか?

141 :Name_Not_Found:2006/12/01(金) 00:51:09 ID:???
疲れてるんだよ

142 :Name_Not_Found:2006/12/05(火) 06:46:08 ID:???
【環境】WinXPSP2 IE 7.0
【現象】XML 宣言とDOCTYPE 宣言の間にコメントを入れると
             セレクタが IE 6 相当になる?
【ソース】
●二行目のコメントの有無が子供セレクタの解釈に影響する

<?xml version="1.0" encoding="UTF-8"?>
<!-- IE 7 のセレクタを殺す -->
<!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">
<head>
<title>てすと(セレクタが IE 6 相当になる?)</title>
<style type="text/css"><!--

body #test
{
  color: white;
  background-color: red;
}
body > #test
{
  background-color: green;
}

--></style>
</head>
<body><p id="test">てすと(セレクタが IE 6 相当になる?)</p></body></html>

標準モードか互換モードかは調べていませんが、
IE 7 はバグも進化しているようですね。

143 :Name_Not_Found:2006/12/05(火) 07:21:11 ID:???
sageちゃった。なので一応補足。

*コメント行をとれば緑になる。ちなみに他のブラウザならコメント行があっても緑になる。
*他のセレクタもこうなるのかは確認していない。
*あと、IEの独自仕様については何も知らないので。

144 :Name_Not_Found:2006/12/05(火) 10:04:26 ID:???
>>142
IE独自仕様以前に文法違反。
XHTMLでstyleタグにコメント入れてどうするんだ。

145 :Name_Not_Found:2006/12/05(火) 12:22:46 ID:???
>styleタグにコメント入れてどうするんだ

146 :Name_Not_Found:2006/12/05(火) 12:38:46 ID:???
>>142
それ単にQuirksモードになってるだけだろ。

IE6ではXML宣言もDOCTYPE宣言も「コメント」として扱い、
最初に登場する「コメント」の内容が特定のDOCTYPE宣言っぽかったら
Strictモードになるという処理だった。だからIE6でも
DOCTYPE宣言の前にコメントを入れればQuirksモードになる。

IE7では最初にXML宣言っぽいものが登場したらそれを
無視するようになったが、DOCTYPE宣言を「コメント」として扱い、
最初に登場する「コメント」の内容でStandardモードにするか
Quirksモードにするか決めるのは変わらないみたいだから、
DOCTYPE宣言の前にコメントを入れればQuirksモードになる。

147 :Name_Not_Found:2006/12/05(火) 12:43:00 ID:???
>>145
XHTMLではSTYLEの内容が #PCDATA

148 :Name_Not_Found:2006/12/05(火) 14:48:39 ID:???
IEのバグより頭のバグを何とかしろと言う話か

149 :142:2006/12/05(火) 18:47:42 ID:???
>146
http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx

  >the new selectors only match in strict mode

IE 7 で実装されたセレクタは、IE 7 の互換モードだと無視されるんですね。

>144
>145
>147
外部スタイルシートにします。

>144-148
誤って私のバグを晒してしまいました。すれ違いですね。失礼しました。


150 :Name_Not_Found:2006/12/05(火) 19:34:45 ID:???
146の言うことを信じたのか・・・

151 :Name_Not_Found:2006/12/29(金) 13:25:32 ID:oUPuWBBr
IE6で・・・・

<div id="main">
<h2>Title 1</h2>
<ul>
<li>あああああ</li>
<li>いいいいい</li>
</ul>
</div>
と入力すれば・・・

Title 1
 ・ ああああああ
 ・ いいいいいい

となるはずなのに、IE6だと・・・

Title1

ああああああ
いいいいいい

となります。これはバグでしょうか。
XHTML 1.0 Strictです。
CSSを適用しなければ大丈夫です。

152 :Name_Not_Found:2006/12/29(金) 14:01:56 ID:???
> CSSを適用しなければ大丈夫です。

そりゃCSSがおかしいんだろ
ついでに言うとここは質問スレではありません。
バグかもしれないと思ったら検証してきてください。

153 :Name_Not_Found:2006/12/29(金) 15:12:12 ID:???
>>152
すいません・・・・・orz

154 :Name_Not_Found:2006/12/29(金) 16:10:07 ID:???
>>153
デフォルトがマージンかパディングかの違い、だったけ?


49 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.02 2018/11/22 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)