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;
}

回答の条件
  • 1人2回まで
  • 登録:2006/10/04 15:52:22
  • 終了:2006/10/05 14:23:25

ベストアンサー

id:kakicg No.2

kakicg回答回数44ベストアンサー獲得回数32006/10/05 05:32:22

ポイント50pt

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>
id:tonkichi1212

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

2006/10/05 13:36:02

その他の回答(1件)

id:drowsy No.1

drowsy回答回数1163ベストアンサー獲得回数882006/10/04 17:08:22

ポイント20pt

height: auto;

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

id:tonkichi1212

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

2006/10/04 17:10:41
id:kakicg No.2

kakicg回答回数44ベストアンサー獲得回数32006/10/05 05:32:22ここでベストアンサー

ポイント50pt

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>
id:tonkichi1212

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

2006/10/05 13:36:02

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

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

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

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

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