サイドバーを下まで表示しようとしているのですが、
サイドの端にしか表示されません。どこか間違っているところがあるのでしょうか
****スタイルシート****
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%;
}
#wrap {
width: 740px;
height: 100%;
}
のIDを追加し、
<body>
・
・
・
</body>
のように全体を囲ってみてもだめですか?
#wrap {
width: 740px;
height: 100%;
}
のIDを追加し、
<body>
<div id="wrap">
・
・
・
</div>
</body>
のように全体を囲ってみてもだめですか?
質問文の
サイドバーを下まで表示しようとしているのですが、
サイドの端にしか表示されません。
の箇所において「下」が曖昧です。また「サイドの端」が意味不明です。
サイドバーとしてボックスを配置しページの一番下までの大きさにしたいのですが、ブラウザの表示領域の高さ分の大きさにしかなりません。
か、
サイドバーとしてボックスを配置しページの一番下までの大きさにしたいのですが、中に記述しているコンテンツ分の大きさにしかなりません。
のどちからだと思いますがどうですか?
あと、スタイルシートの width: 740px; の上にどのように記述しているのかも不明ですね。
コメントしていただきたいところです。
height:100%;
の指定に関しては、
http://www.mozilla.gr.jp/standards/webtips/webtips0032.html
のページが参考になると思います。
とりあえず、なぜ今うまくいかないのか? を知る手がかりになるのではないでしょうか。
コメント(0件)