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

---

570(1): 2013/11/24(日)02:54 ID:??? AA×

外部ﾘﾝｸ[html]:blog.d-spica.com
外部ﾘﾝｸ[php]:www.coolwebwindow.com

[240|320|480|600|100%|JPG|べ|ﾚｽ栞|ﾚｽ消]
570: [sage] 2013/11/24(日) 02:54:41.24 ID:??? 【IE5Quirks／IE7〜9互換モード】 定義リスト（dl要素）を横並びさせる際、dd要素内でem要素が折り返される長さだけあると横に並ばなくなる。 定義リストをfloatで横並びにして表組み風にするのは、よくある。 Cf. http://blog.d-spica.com/entry/080512dtfloat.html その際、IE6において、dt要素の高さよりdd要素内の段が高い場合、dtの横に隣接するddの一行目テキストだけ3pxほど右にずれるバグがある。 これに対処するには、zoom:1; を指定してhasLayoutをtrueにすれば解消する。 Cf. http://www.coolwebwindow.com/weblife_column/coolweb/000174.php しかし、或る条件下では、この横並びが崩れた。 dd要素内にemなど斜体（font-style:italic;）で表示される要素があり、且つその文字列が途中で行の右端に掛かって折り返しされるのがその条件。 下記の例で、横並びにならなくなって、ddがdtの一行下から表示された。 dt {clear:both; float:left; min-width:1em;} dd {margin-left:1.2em; zoom:1;} <dl> <dt><a name="n25" href="#t25">註2</a></dt> <dd><p>……著者名，<em>折り返される長さの書名</em>，出版社，刊年，pp29-31.</p></dd> </dl> zoom:1;を削るか、em {font-style:normal} とすると、floatが効いて横並びに戻った。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/570
互換モード 定義リスト要素を横並びさせる際要素内で要素が折り返される長さだけあると横に並ばなくなる 定義リストをで横並びにして表組み風にするのはよくある その際において要素の高さより要素内の段が高い場合の横に隣接するの一行目テキストだけほど右にずれるバグがある これに対処するには を指定してをにすれば解消する しかし或る条件下ではこの横並びが崩れた 要素内になど斜体で表示される要素があり且つその文字列が途中で行の右端に掛かって折り返しされるのがその条件 下記の例で横並びにならなくなってがの一行下から表示された 註 著者名折り返される長さの書名出版社刊年 を削るか とするとが効いて横並びに戻った

---

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

---

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

---

ぬこの手 ぬこTOP 1.350s*