スタイルシートのfloatについて教えてください。

サイドバーを下まで表示しようとしているのですが、
サイドの端にしか表示されません。どこか間違っているところがあるのでしょうか

****スタイルシート****
width: 740px;
position: static;
margin-bottom: 20px;
background-image: url(http://www.****.co.jp/***/image/backblock.jpg);
background-repeat: repeat-y;
background-position: right;
}
#banner{
width: 740px;
position: relative;
background: #ffffff;
}

#alpha {
width: 525px;
position: relative;
float: left;
background: #ffffff;

}

#beta {
width: 205px;
background: #f1f1d2;
float: right;
padding-left: 10px;
padding-top: 10px;
height: 100%;
}

回答の条件
  • 1人2回まで
  • 登録:2006/12/12 14:33:17
  • 終了:2006/12/19 14:35:29

回答(3件)

id:fjimo No.1

fjimo回答回数81ベストアンサー獲得回数12006/12/12 14:48:38

ポイント35pt

#wrap {

width: 740px;

height: 100%;

}

のIDを追加し、

<body>

</body>

のように全体を囲ってみてもだめですか?

id:fjimo No.2

fjimo回答回数81ベストアンサー獲得回数12006/12/12 14:49:58

ポイント35pt

#wrap {

width: 740px;

height: 100%;

}

のIDを追加し、

<body>

<div id="wrap">

</div>

</body>

のように全体を囲ってみてもだめですか?

id:quintia No.3

quintia回答回数562ベストアンサー獲得回数712006/12/12 18:47:21

ポイント10pt

質問文の

サイドバーを下まで表示しようとしているのですが、

サイドの端にしか表示されません。

の箇所において「下」が曖昧です。また「サイドの端」が意味不明です。


サイドバーとしてボックスを配置しページの一番下までの大きさにしたいのですが、ブラウザの表示領域の高さ分の大きさにしかなりません。

か、

サイドバーとしてボックスを配置しページの一番下までの大きさにしたいのですが、中に記述しているコンテンツ分の大きさにしかなりません。

のどちからだと思いますがどうですか?

あと、スタイルシートの width: 740px; の上にどのように記述しているのかも不明ですね。

コメントしていただきたいところです。


height:100%;

の指定に関しては、

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

のページが参考になると思います。

とりあえず、なぜ今うまくいかないのか? を知る手がかりになるのではないでしょうか。

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません