タグ

ブックマーク / norisfactory.com (1)

  • スタイルシートをめぐる冒険: dlを含むボックスに背景画像を指定すると背景画像が繰り返される

    この現象は、あるWebページで、※1~、※2~、※3~というような「脚注」にdlタグを使用したときに発生した。 文と脚注を区切る罫線として、脚注を含むボックスの上部に、二重破線の背景画像(line.gif をx軸にリピート)を指定。ddにマイナスのmargin-topを指定して、dtとddが横に並ぶレイアウトにしたところ、一番上にだけ入るべき罫線が<dt></dt><dd></dd>のセットごとに入ってしまったのである。 [該当するブラウザ] Windows/IE7.0(互換モードのとき)、IE6.0以下 症状 実際にどういうことか、右のスクリーンショットを見ていただこう。これは、IE7.0で表示させたときのものである。 そして、スタイルシートとHTMLは以下のように記述されている。(→サンプルページ1) 【スタイルシート】 body { line-height: 1.5em; } .b

    sorasemi
    sorasemi 2009/02/13
    IEで背景画像が繰り返される時のメモ。そうかdlまで悪さしやがるのか
  • 1