※ ChatGPTを利用し、要約された質問です(原文:CSSで親ボックスの背景画像を設定してもNN7.01で表示されない)
CSSで親ボックスの背景画像を設定してもNN7.01で表示されない
このQ&Aのポイント
CSSで親ボックスの背景画像がNN7.01では表示されない問題について
HTMLとCSSを使って親ボックスの背景画像を設定したが、NN7.01ではヘッダー以外のボックスに背景画像が表示されない
解決方法が見つからないため、CSSにつまづいている
CSSで親ボックスの背景画像を設定してもNN7.01で表示されない
例えば、下記のように記述して「wrapper」ボックスで
「bodybg.gif」という画像を垂直方向に並べたいのですが、IE6ではうまく表示されますが、NN7.01だとヘッダー部分以外のボックスに背景画像が表示されません(><;)
/* html * /
<div id="wrapper">
<div id="header"></div> /* ヘッダー */
<div id="pagebody"> /* pagebody内2カラム */
<div id="content"></div> /* 右寄せ */
<div id="leftside"></div> /* 左寄せ */
</div>
</div>
/* css * /
#wrapper {
width: 600px;
margin-left: auto;
margin-right: auto;
margin:0px;
background: url(../img/bodybg.gif) repeat-y;
padding: 0px;
}
CSSで毎回つまづくところですが、どうにもこうにも対処方法が見つかりません(T_T)
どなたか力をかしていただけないでしょうか・・・
お礼
早速有難うございました!m(_ _)m 参考サイトを見て下記のように書き直してみて、 成功しました!有難うございました。 /* html * / <div id="wrapper"> <div id="header"></div> /* ヘッダー */ <div id="pagebody"> /* pagebody内2カラム */ <div id="content"></div> /* 右寄せ */ <div id="leftside"></div> /* 左寄せ */ </div> <div class="clear"></div> </div> /* css * / #wrapper { width: 600px; margin-left: auto; margin-right: auto; margin:0px; background: url(../img/bodybg.gif) repeat-y; padding: 0px; } .clear { clear: both; } しかし、wrapperで背景を貼り付けるのがレイアウト上まずくなったので、 background: url(../img/bodybg.gif) repeat-y; の記述をwrapperからpagebodyに変えると、またNNでは背景が表示されない・・・ということになりました(--;) NNのキャッシュをクリアしたりしたのですが、 どうもうまくいきません。こんなに苦労するならCSSなんてあっさりやめれば楽なんですが・・・