WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:段落の途中で表示がずれる

0:[投稿] COZY [MAIL] [URL] [2002/05/21 01:25 ][環境:WIN+IE UNIX系+OTHER]

ちょっと、行き詰っているので、教えていただきたくスレ立てました。
http://berry-tds.com/column/index.htm
上のページなんですが、私の環境(windows2000、IE6.0)で見る限り、本文の途中で文頭が勝手にインデントされてしまうのですが、何が悪いのやら皆目見当がつきません。ひょっとしたら単純なミスなのかもしれませんが、ご教示下さい。
尚、Netscape 6.2だとなんら問題なく表示されます。


1:[回答] 謎の人R [2002/05/21 03:41 ]

うちの環境(win98,IE6.0)でも途中からインデントされてました。しかしブラウザのサイズを変更すると直ったりする(あるいはバックナンバーリストが途中からインデントされる)などの現象があるので、IE側のバグと思われます。
※html-lintでも100点満点ですし、終了タグ閉じ忘れとかはないかと。

具体的にどういうことによるのかは私にはわかりませんが、経験則では、長すぎる文章(p要素の連続など)をdiv要素で囲んだりするとcssの指定がおかしくなることがあったかなと。

※最終段落の"あたりがあやしい?とも思うのですが、ローカルに保存(IEの完全保存)ができないんでこちらでは試行錯誤のしようがないです(^^;)


2:[回答] ween [2002/05/21 10:30 ]

再現条件を調べてみました。 div#contents で IE がバグってるような。

border-left, padding-bottom が両方指定されているブロックボックスの最後の子が display:block; または display:none; であるブロック要素だと、後続する行ボックスの位置がおかしくなるみたいですか。

Win2K+IE6 で再現できた簡単な例は下記です:

#div1 {
 border-left: 100px solid #DDD; /* 幅を広げると顕著 */
 padding-bottom: 1px; /* 0 以外の値 */
}

<div id="div1">
 <div>display:block; または display:none; であるブロック要素。
 #div1 の最後の子要素が display:inline の要素やインライン要素の場合
 (あるいはベタのテキストの場合)は発生しない。</div>
</div>
<div style="background: #DDF;margin-left:100px;">
 その後のテキストがブロックボックスから左にはみ出す。
 この div 要素のスタイルはバグを解りやすくするためのもので
 再現条件とは無関係。
 文章量が多い場合など、スクロールさせないと表示されない位置の
 テキストは正常な様子?
</div>


3:[完了] COZY [URL] [2002/05/21 11:50 ]

謎の人Rさん、weenさん、どうもありがとうございます。

weenさんwrote:
>border-left, padding-bottom が両方指定されている・・・

なるほど、こういうバグがあるわけですね。確かに、border-left:0で症状がなくなりました。border-left:1pxでも表示は問題ないようです。ご教示ありがとうございました。今後とも宜しくです。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World