WEB製作に詳しい方教えてください。

次は画像を6つ使った可変的な角丸ボックスのコードです。(周りを内側に影をつけたもの)
この中にさらに左右に分かれるコンテンツをつくり、左右いづれかの高さにあわせるように角丸画像のボックスの高さが変わるようにしたいのですが誰か教えてください。(.curve-07-body divの中に作ってみたのですがfloatするとそれに画像がついてきてしまい乱れます。)
<div class="curve-07-head">
  <div></div>
</div>
<div class="curve-07-body">
<div></div>
</div>
<div class="curve-07-bottom">
<div></div>
</div>

回答の条件
  • 1人2回まで
  • 登録:2007/10/20 23:52:01
  • 終了:2007/10/27 23:55:03

回答(2件)

id:wen000 No.1

wen000回答回数134ベストアンサー獲得回数82007/10/21 04:58:01

ポイント35pt

「画像がついてくる」というのがどういう状況かちょっとよくわからないのですが、

<div class="curve-07-body">

<div class="floatleft">left</div>

<div class="floatright">right</div>

</div>

とすると高さが0と扱われる、ということでしょうか?

でしたら、clear要素を入れてやれば高さが算出されるようになります。

<div class="curve-07-body">

<div class="floatleft">left</div>

<div class="floatright">right</div>

<div class="clear"></div>

</div>

http://www.extype.com/karakuri/archives/2005/10/float.html

id:hamster078 No.2

hamster078回答回数587ベストアンサー獲得回数42007/10/23 00:00:20

ポイント35pt

わかるように書いてください。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません