• 締切
  • すぐに回答を!

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

  • 質問No.5154997
  • 閲覧数737
  • ありがとう数0
  • 回答数1

お礼率 0% (0/4)

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;


}

回答 (全1件)

  • 回答No.1

ベストアンサー率 47% (559/1173)

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

その他の関連するQ&Aをキーワードで探す

ページ先頭へ