左サイドメニューのbackground-colorが下まで表示されない。。

質問

http://sfpro.at-ninja.jp/
現在こちらのサイトを手直ししているのですが、
左サイドバメニューの背景が一番下まで表示されず困っています。
height: 100%　にしたり、いろいろ試してみたのですが
やはりうまくいきません＞＜

どなたか解決法を教えていただけないでしょうか。。

回答No.1

twinhourse · ベストアンサー

CSS的な解決策は今のところ思い浮かばなかったので、javascriptで考えました。強引ですが、

<script type="text/javascript">
function H(){
document.getElementById("menu").style.height=document.getElementById("main").clientHeight+"px";
}
H();
document.onresize=H;
</script>

とか書けば、一応解決します。

補足

ご回答ありがとうございます☆
javascriptで解決する方法があるのですね！

回答No.2

t_shadowback

ちょっとソースを拝見しましたが、background-colorを指定したいエリアは、
#nakami
というIDで作られているエリアでしょうか。
[style.css]と言うスタイルシートがあるかと思います。
その.cssファイルの#nakamiと言う定義内に、
background-colorの指定を追加すれば良いのではと察します。

補足

ご回答ありがとうございます☆
#nakamiにはメイン部分も含んでいるため、
右コンテンツ部分まで背景カラーがついてしまわないでしょうか？？

現在#menuにbackground-colorを指定しているのですが、
それがうまく表示されず、下まで伸びず悩んでおります＞＜；