商品情報を保持するDIVを作りたい。DIV では、商品の説明で商品画像を囲む必要があります。画像に align="left" を使用しています。
私の問題は、製品の説明が 1 行しかなく、DIV の高さが 1 行しかなく、Firefox 1.5 で DIV 境界の外に画像が下向きに拡大したままになることです。(IE は DIV を拡張して画像を含めます)
a
商品情報を保持するDIVを作りたい。DIV では、商品の説明で商品画像を囲む必要があります。画像に align="left" を使用しています。
私の問題は、製品の説明が 1 行しかなく、DIV の高さが 1 行しかなく、Firefox 1.5 で DIV 境界の外に画像が下向きに拡大したままになることです。(IE は DIV を拡張して画像を含めます)
a
これをdivに追加してみてください
overflow: hidden;
それが役に立てば幸い。
DIV の内容をクリアする必要があるようです。clear:both を含む追加の DIV 要素は、コンテナーの末尾のすぐ内側にあります。または、CSS クリアフィックスhttp://www.webtoolkit.info/css-clearfix.htmlを使用できます。
コードを見ないとわかりにくいですが、画像のスタイルではfloat:left
なく、使用する必要があるようです。align:left
また、div
要素は通常、含まれている画像に合わせて拡張する必要があるため、追加のスタイリングを確認する必要があると思います。