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

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

/* CSS・スタイルシート質問スレッド【17】 */

460 :Name_Not_Found:03/04/01 22:29 ID:???
div.para { border:1px solid black; … }
img.fig { float:left; … }

CSSで上のように定義して、htmlのbody内で、

<div class="article"><img src="" class="fig"><p>…</p></div>

と記事をborderで囲ってやろうとしたら、ブラウザの表示幅が広い場合、
画像がborderから食み出る事があります。
float指定には、そのような問題があるところ迄は解ったのですが、この食み
出しを防止するには</p>の後に、clear:leftな<br>を追加する以外ないので
しょうか?

尚、NN7.01は、そのような<br>で回避できるのですが、IE6.0ではダメでした。

461 :Name_Not_Found:03/04/01 22:35 ID:???
>>460
既出だが再掲しておく。

Internet Explorer (Windows) CSSバグリスト
フロートの後続フロー制御を設定したbr要素が親要素に包含されない(IE6)
http://cssbug.tripod.co.jp/detail/winie/b079.html
>親要素の幅を明示(widthプロパティを具体的な値で指定する)することでも回避できます。

http://pc2.2ch.net/test/read.cgi/hp/991666454/683n も參照するとよいかも。

462 :460:03/04/01 23:56 ID:???
>>461
有り難うございます。
確かに、width値&position:relative指定で食み出しが解消されました。

因みに、img.figに対して、margin-bottom指定もしており、IE6は
無視されましたが、NN7.01はOKでした。

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

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