Web制作初心者です。Mac+DreamweaverMX2004でHPを作っていますが、質問があります。CSSにてボックスをA、B、Cの3つ作ります。Aはボーダーを付け外枠として使い、そのAの中にBとCを配置、Bにはテキストを、Cには写真を入れたいと思っています。Bはテキスト用のボックスですので、文字数によって高さが増減しますが、外枠のAが増減してくれません。つまり外枠のみ高さが固定されてしまっているのです。BやCの増減に合わせAの高さも自動で増減するようにしたいのですが、どうすればよいのでしょうか？ちなみにAの設定は以下のようになっています。

Question

tonkichi1212

1

1もっと見る

70pt

インターネットウェブ制作

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

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

No.1

drowsy1163882006/10/04 17:08:22

20pt

height: auto;

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

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

2006/10/04 17:10:41

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

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

kakicg · Accepted Answer · 2006-10-05T05:32:22+09:00

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>

kakicg · Accepted Answer · 2006-10-05T05:32:22+09:00

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>

ベストアンサー

kakicg4432006/10/05 05:32:22

その他の回答（1件）

drowsy1163882006/10/04 17:08:22

kakicg4432006/10/05 05:32:22ここでベストアンサー

コメント（0件)

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