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

CSSで背景色設定時、長さを指定しないと反映されない。

CSSを利用してサイトを作ろうとしています。
背景はブラウザいっぱいの100%、コンテンツは1000px中央寄せにしています。

メニュー部分などは高さ固定だからでしょうかちゃんと背景も想定通りの高さになっています。
新着情報を掲載する部分は内容によって長さが変化するので、高さの指定を消すと背景色が反映されません。(背景が消える)

CSSはこんな感じです。
・ブラウザ100%の背景設定・1000pxのコンテナ作成・2カラムで分ける
#new {
margin:0px 0px 0px 0px;
width : 100%;
background-color: #FBFBFB;
}
#new_con{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
height: auto;
}

#new_le{
padding:20px 0px 30px 0px;
width : 650px;
float: left;
}
#new_ri{
padding:20px 0px 30px 0px;
width : 350px;
text-align:left;
float: left;
}

この下にまだ別のdivで区切られた本文が来ます。
このような状況で高さが比固定の背景を設定するにはどうしたらよいでしょうか?

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答2号
ベストアンサー

floatを解除する手法のclearfix と 次世代のレイアウトの話|Web Design KOJIKA17

関連質問

●質問をもっと探す●



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