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

Web制作初心者です。Mac+DreamweaverMX2004でHPを作っていますが、質問があります。CSSにてボックスをA、B、Cの3つ作ります。Aはボーダーを付け外枠として使い、そのAの中にBとCを配置、Bにはテキストを、Cには写真を入れたいと思っています。Bはテキスト用のボックスですので、文字数によって高さが増減しますが、外枠のAが増減してくれません。つまり外枠のみ高さが固定されてしまっているのです。BやCの増減に合わせAの高さも自動で増減するようにしたいのですが、どうすればよいのでしょうか?ちなみにAの設定は以下のようになっています。
.column_A {
text-align: right;
width: 557px;
margin-top: 6px;
margin-right: auto;
margin-left: auto;
padding-bottom: 20px;
border: 2px solid #FF0000;
}

●質問者: tonkichi1212
●カテゴリ:インターネット ウェブ制作
✍キーワード:border CSS Hp MAC margin
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● drowsy
●20ポイント

height: auto;

をいれてみても駄目ですか?

◎質問者からの返答

入れてみてもだめなんです。


2 ● kakicg
●50ポイント ベストアンサー

BかCにfloatを使っていませんか?

だとするとA内のB,Cの後にfloatをclearするDが必要になります。

.D { clear:both; }

<div class=".column_A">
<p class="B">文字</p>
<img class="C" src="XXX.gif" />
<div class="D"></div>
</div>
◎質問者からの返答

おっしゃる通りです。BもCもfloatを「left」に設定しています。一度Dを入れて作業してみます。ありがとうございました。

関連質問


●質問をもっと探す●



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