こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

CSS-heightの自動調節について

CSSを使いホームページ作成をしております。

一番上にロゴやフラッシュ、メニューを置き、その下の
#mainという<div>の中に、#sideと#textの2つの<div>を横に並ばせ入れ込んでいるのですが、
#main全体の高さを、背景入りで、文字に合わせて自動調節したいと思っています。
しかし#mainのCSSにheight:auto;を書き込んでも表示されません。
普通はheightは指定しなくても自動で調節されるものだと思っていたのですが、できなかったのでautoと書いたのですがダメでした。

heightをピクセルで指定すると表示されますが、文字を飛び越えて表示されてしまいます。
解る方どうかご回答お願い致します。

CSSについては初心者のため記述がおかしい部分もあるかもしれませんが、HTMLとCSSは以下の通りです。


【HTML】
<div id="main">

<div id="side">
<p>左サイド</p>

</div><!--side end-->


<div id="text">
<p>右サイド</p>

</div><!--text end-->



</div><!--main end-->


【CSS】

#main {
width:800px;
height:auto;
background: #ffffff;
margin-right: auto;
margin-left: auto;
margin-bottom:auto;
clear: both;

}



#side {
float:left;
width:170px;
margin-top:20px;

}


#text {
float:right;
width:600px;
margin-top:20px;


}

投稿日時 - 2009-07-25 19:49:08

QNo.5154997

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

質問を読むと2列構成ですがCSSが3列構成になっています。
#textにあるfloat:rightを削除してください。

投稿日時 - 2009-07-25 22:11:25

あなたにオススメの質問