人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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>

●質問者: yohsinn
●カテゴリ:ウェブ制作
✍キーワード:BODY Web コンテンツ コード ボックス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● wen000
●35ポイント

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

<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


2 ● hamster078
●35ポイント

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ