float で段組。下を揃える。

質問

いつもお世話になります。
+------+---------------+
|AAAA　|BBBBBBB　　　　　|
|AAAA　|BBBBBBB　　　　　|
|AAAA　|BBBBBBB　　　　　|
|AAAA　|BBBBBBB　　　　　|
+------+BBBBBBBBBB　　　|
　　　　　|BBBBB　　　　　|
　　　　　|BBBBBBBBBBBBB　|
　　　　　+---------------+
半角スペースの関係で、形が崩れ、申し訳ありません。
過去ログを調べたところ。
http://oshiete1.goo.ne.jp/qa1944867.html
に、同様な質問がありました。
そして、
http://allabout.co.jp/internet/hpcreate/closeup/CU20050307A/index2.htm
に、一つの解答がありました。
しかし、上記の解答ですと、
Ａブロックに背景画像を設定した場合、Ａブロックの下には、その背景を表示できません。
Ａブロックに背景画像を設定して、その下に同じ背景画像を表示しながら、下をＢブロックと揃えることはできないものでしょうか。
やはり、tableを使えば簡単でしょうが、div、floatで、できないものでしょうか。
よろしくお願いいたします。

回答No.1

SAYKA · ベストアンサー

ちょっと目的の状態にはならないかもしれないけれどtableを封印するならこんな感じ？

<div style="background-image:url('bg.gif')">
　<div class="A">AAAA</div>
　<div class="B">BBBB</div>
</div>

つまりより外側で背景を指定するという話・・・。
この状態でAの方で height:100% だとうまくAで背景指定しても揃うかもしれないけれど試してないから判らないや・・・

お礼

SAYKAさん、お早うございます。
できました。
ありがとうございました。