CSSのfloatについて教えてください。
商品紹介のページを作成したいのですが、★どうクラスをつけて★どうfloatしたらいいのか 分かりません。(DreamweaverCS3, CSS1,Win)画像添付してます。
いろいろ試してはみたのですが・・・・・↓
商品紹介は4シリーズに分けて各間にボーダーをつけて商品ブロックを左右に2列ずつ表示していこうと考えています。
○各シリーズにクラスを設定してborder-Bottomをつける
○商品ブロックを1つづつ定義リストでマークアップして<dl class="floatL"><dl class="floatR">をつけていく。(cssに.floatL {float:left} .floatR {float:right}と記述してます。)
参考書を見ながらこの方法ですると何回やってもErrorがおきてしまいました。
次に1つづつ<dl>にidをつけて1つずつfloatしていくと★2が右に寄った状態になってしまいレイアウトが崩れてしまいました。
ちなみにfloatではなくabsoluteでするとデザインビューでは回りこんで表示するのですがブラウザでは表示できませんでした。
どの方法も間違った感じがするのですが独学中のためアドバイスをいただけたらうれしいです。
宜しくお願いします。
お礼
ご回答、ありがとうございます。とても参考になりました。