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

CSSでサイトを構築しております。
ネスケ7.1 Winでの現象なんですが、
wrapper_outの中にwrapper_in。
そしてpage_bodyの中にsidebarとcontentsボックスを入れ子にしてます。
contents部分が下に伸びるにつれ、wrapper_outとwrapper_inも同時に伸ばしたいのですが、
伸びません。いろいろと試してみたのですが、どうにもこうにもならないので、ご教授ください。
よろしくお願いします。
#wrapper_out {
width:806px;height:100%;
border:1px solid #B4B4B4;
}

#wrapper_in {
width:800px;height:100%;
background-color:#F5EBEC;
}

#page_body {
width:800px;
height:100%;
}
#sidebar {
float:left;width:auto;
height:100%;margin-left:-123px;
padding:20px 0px 20px 0px;
}

#contents {
float:right;background-color:#FEFCFD;
width:610px;height:100%;
background-image: url(../individual/images/contents_bg_individual.gif);
background-repeat:y-repeat;
padding:0px 10px 0px 10px;
}

●質問者: matsumototot
●カテゴリ:ウェブ制作
✍キーワード:background-color background-image background-repeat border CSS
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● retlet
●50ポイント

http://www.quirksmode.org/css/clearing.html

CSS - Clearing floats

#wrapper_outに”overflow: hidden;”を指定してみて下さい。

(#wrapper_inの中に#page_bodyが入れ子になっている状態だと想像してお答えしています)

これはfloatの仕様で、比較的新しいブラウザだと大抵ひっかかる問題です。詳細については2番目のURLをご参考に。


PS:蛇足ですがheightの仕様に誤解があるようなので、3番目のURLを付け加えさせていただきます。

http://hail2u.net/blog/webdesign/hail2u-net_on_hatena.html

hail2u.net - Weblog - CSSをはてなに移植してみた

http://www.mozilla.gr.jp/standards/webtips/webtips0032.html

height: n%;の正しい仕様 - Web標準普及プロジェクト

◎質問者からの返答

ありがとうございます。解決しました!

助かりました。

関連質問


●質問をもっと探す●



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