フレーム背景の画像を CSSで設定したいのですが
現在、横３分割のフレームを使ったホームページを作成中です。左右のページを「space.html」とし、真ん中のページを更に縦３分割して、中央にメインのコンテンツを表示させるようにしています。また、サイトデザインは全てCSSで管理しようと思っています。
真ん中のページを際立たせたいので両側に縦線を引き、「space.html」の背景にも画像を設定したいのですが、うまくいきません。
＃フレーム設定ページのソース＃
<FRAMESET cols="*,700,30" frameborder="no" border="0">
<FRAME name="space01" src="space.html" class="space01">
<frameset rows="50,*,50" frameborder="no" border="0">
<FRAME name="menu" src="menu.html" scrolling="no" class="menu">
<FRAME name="main" src="main.html">
<FRAME name="bottom" src="new.html" scrolling="no" class="bottom">
</frameset>
<FRAME name="space02" src="space.html" class="space02">
＃「space」部分のCSS＃
.space01{
background-image:url(img/space.gif);
border-right:double 5px #666;
}
.space02{
background-image:url(img/space.gif);
border-left:double 5px #666;
}
上記の方法ですと、両側の縦線は表示されるのですが、背景は真っ白なままです。勉強不足で恐縮ですが、どなたかご教授下さい。。。
お礼
回答ありがとうございました！ 書き込んだ後に気付いたのですが、原因はスクロールバーの問題だったようです(^^; scrolling=noにしたら右の隙間は消えたのですが… でもスクロールできないとフレームの意味ないし…(--; 必要な時だけスクロールバーを出す(バーが出ない時はバーの隙間を作らない)とかは できないのでしょうか…。