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;
}

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:retlet No.1

回答回数6ベストアンサー獲得回数0

ポイント50pt

#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標準普及プロジェクト

id:matsumototot

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

助かりました。

2005/08/08 18:52:34

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

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

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

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

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