CSS/DHTMLバグ辞典スレッド ver2.0
67 ：Name_Not_Found：
こんなのはＣＳＳのバグに入りますか。
==================
・リスト1-用語1
用語1の説明
・リスト2
・リストn
==================
上図のごとき表示を狙って次の通りＨＴＭＬを書きます。
＜UL＞
＜LI＞
＜DL＞
＜DT＞リスト1-用語1＜/DT＞
＜DD＞用語1の説明＜/DD＞
＜DT＞リスト1-用語2＜/DT＞
＜DD＞用語2の説明＜/DD＞
＜/DL＞
＜/LI＞
＜LI＞リスト2＜/LI＞
＜LI＞リスト……n＜/LI＞
＜/UL＞
しかしＮＮではちゃんと表示されても
ＩＥではこんな風にリストマークがずれた表示になります。
==================
・
リスト1-用語1
用語1の説明
・リスト2
・リストn
==================
そこで、LI DL{display:inline;}と指定してみましたが、結果は変らず。
なぜDLへの指定は効かないのか（泣）。
==================
・リスト1-用語1
用語1の説明
・リスト2
・リストn
==================
上図のごとき表示を狙って次の通りＨＴＭＬを書きます。
＜UL＞
＜LI＞
＜DL＞
＜DT＞リスト1-用語1＜/DT＞
＜DD＞用語1の説明＜/DD＞
＜DT＞リスト1-用語2＜/DT＞
＜DD＞用語2の説明＜/DD＞
＜/DL＞
＜/LI＞
＜LI＞リスト2＜/LI＞
＜LI＞リスト……n＜/LI＞
＜/UL＞
しかしＮＮではちゃんと表示されても
ＩＥではこんな風にリストマークがずれた表示になります。
==================
・
リスト1-用語1
用語1の説明
・リスト2
・リストn
==================
そこで、LI DL{display:inline;}と指定してみましたが、結果は変らず。
なぜDLへの指定は効かないのか（泣）。
|
|
|
69 ：Name_Not_Found：01/09/17 16:09 ID:Rfgti80s
70 ：Name_Not_Found：01/09/17 16:26 ID:oDYBCT.E
リストとかblockquoteとか、デフォルトでインデントしてある要素は
バグが出る感じですね、ＩＥは。6.0での修正に（淡く）期待。
バグが出る感じですね、ＩＥは。6.0での修正に（淡く）期待。
71 ：Name_Not_Found：01/09/17 20:13 ID:2ivkWEYc
ＩＥ5.5で縱書きプロパティーを使ってみたら
なぜかfont-family指定が無効になった。
横書きに戻したら元通りに。
ワケワカラン。
なぜかfont-family指定が無効になった。
横書きに戻したら元通りに。
ワケワカラン。
72 ：Name_Not_Found：01/09/17 20:25 ID:zAiLig1Q
リンク文字列が右往左往
73 ：Name_Not_Found：01/09/17 20:31 ID:aZXlOYcU
>>67
なんでこんな変な書き方するの。
＜ＤＴ＞リスト＊−用語説明＊＜／ＤＴ＞
＜ＤＤ＞（用語＊の説明があるとき）＜／ＤＤ＞
で統一すればすむ話だと思うが。
頭の点が欲しければつけるなりＤＴにスタイルシートで定義すればいい。
見栄えだけこだわって論理的＆シンプルに考えることができてない
好例だと思います。
なんでこんな変な書き方するの。
＜ＤＴ＞リスト＊−用語説明＊＜／ＤＴ＞
＜ＤＤ＞（用語＊の説明があるとき）＜／ＤＤ＞
で統一すればすむ話だと思うが。
頭の点が欲しければつけるなりＤＴにスタイルシートで定義すればいい。
見栄えだけこだわって論理的＆シンプルに考えることができてない
好例だと思います。
74 ：７３：01/09/17 20:35 ID:aZXlOYcU
>>67はこうしてもいい。
＜ＬＩ＞リスト１
＜ＤＬ＞
＜ＤＴ＞用語１＜／ＤＴ＞
＜ＤＤ＞用語1の説明＜／ＤＤ＞
＜ＤＴ＞用語2＜／ＤＴ＞
＜ＤＤ＞用語2の説明＜／ＤＤ＞
＜／ＤＬ＞
＜／ＬＩ＞
＜ＬＩ＞リスト2＜／ＬＩ＞
個人的に「リスト１」を何度も出すのはうざいとおもう。
＜ＬＩ＞リスト１
＜ＤＬ＞
＜ＤＴ＞用語１＜／ＤＴ＞
＜ＤＤ＞用語1の説明＜／ＤＤ＞
＜ＤＴ＞用語2＜／ＤＴ＞
＜ＤＤ＞用語2の説明＜／ＤＤ＞
＜／ＤＬ＞
＜／ＬＩ＞
＜ＬＩ＞リスト2＜／ＬＩ＞
個人的に「リスト１」を何度も出すのはうざいとおもう。
75 ：67：01/09/17 21:02 ID:Jsy1jZpA
>>73-74
＞なんでこんな変な書き方するの。
とは言っても別に文法的に誤りではないし、
リストにして定義語を兼ねるって場合もあるでしょ。
リスト２以下との関係ではリスト１だが
それ自身は説明を要する語であるとか。
例：初心者向けウェブ制作支援サイトの目次で――
=====================
1.作者からご挨拶
2.ＨＴＭＬ
ＨＴＭＬとはウェブページの記法です。〜
3.ＣＳＳ
スタイルシートでデザインができます
4.索引
5.参考文献
=======================
上図みたいにインデント表示するだけなら
<li><p>〜</p><p>〜</p></li>に
ＣＳＳで指定してやればできるにしても、
文書構造としては<li><dl>〜</dl></li>が相応しいのでは？
それに問題はＩＥの表示がＮＮ4＆6と違って変になること。
スタイル指定してもさらに変なことが起きるのだから（>>69参照）
これはやはりＣＳＳ実装のバグかと。
＞なんでこんな変な書き方するの。
とは言っても別に文法的に誤りではないし、
リストにして定義語を兼ねるって場合もあるでしょ。
リスト２以下との関係ではリスト１だが
それ自身は説明を要する語であるとか。
例：初心者向けウェブ制作支援サイトの目次で――
=====================
1.作者からご挨拶
2.ＨＴＭＬ
ＨＴＭＬとはウェブページの記法です。〜
3.ＣＳＳ
スタイルシートでデザインができます
4.索引
5.参考文献
=======================
上図みたいにインデント表示するだけなら
<li><p>〜</p><p>〜</p></li>に
ＣＳＳで指定してやればできるにしても、
文書構造としては<li><dl>〜</dl></li>が相応しいのでは？
それに問題はＩＥの表示がＮＮ4＆6と違って変になること。
スタイル指定してもさらに変なことが起きるのだから（>>69参照）
これはやはりＣＳＳ実装のバグかと。
76 ： ：01/09/17 21:14 ID:b.Ns1wOk
>67
IE5.5 SP2 (Win) では inline にすると頭のリストマークが消えて上に上がるよ．
いずれにしても望む動作じゃないだろうけど．
きわめて邪道な方法として li dl{margin-top:-1em} とすれば望むように見えるようになる．
（Moz 0.9.4 でもほぼ同じ見え方）
IE5.5 SP2 (Win) では inline にすると頭のリストマークが消えて上に上がるよ．
いずれにしても望む動作じゃないだろうけど．
きわめて邪道な方法として li dl{margin-top:-1em} とすれば望むように見えるようになる．
（Moz 0.9.4 でもほぼ同じ見え方）
>>76
<li>でなくて<dl>に対してdisplay:inlineを指定したのに
なんでリストマークが消えるんですかね？
まあ何故と問うても虚しくて、理不尽なのがバグってもんなのかな。
ＩＥ6.0でも直ってませんか。
<li>でなくて<dl>に対してdisplay:inlineを指定したのに
なんでリストマークが消えるんですかね？
まあ何故と問うても虚しくて、理不尽なのがバグってもんなのかな。
ＩＥ6.0でも直ってませんか。