※ ChatGPTを利用し、要約された質問です(原文:CSSで子ボックスに背景画像を設定してもNN7.01で表示されない)
CSSで子ボックスに背景画像を設定してもNN7.01で表示されない
このQ&Aのポイント
CSSで子ボックスに背景画像を設定してもNN7.01で表示されない問題について
IE6では表示されるが、NN7.01では表示されない原因と解決方法について
前回の問題で解決した回り込みの問題とは別に、pagebody内に背景画像を設定する方法がわからない
CSSで子ボックスに背景画像を設定してもNN7.01で表示されない
例えば、下記のように記述して「pagebody」ボックスで
「bodybg.gif」という画像を垂直方向に並べたいのですが、IE6ではうまく表示されますが、NN7.01だとpagebodyのボックスに背景画像が表示されません(><;)
先ほど締め切った質問で「wrapper」のボックスに背景画像を貼り付けようとしてうまくいかなかった件はアドバイスを頂き、CSSに下記記述を加え、
.clear {
clear: both;
}
回り込み解除<div class="clear"></div>を挿入することで解決しましたが、レイアウト上wrapperの子ボックスにあたるpagebody内に背景画像を設定しなければならなくなり、またドツボにはまりました(><;)(><;)(><;)(><;)
/* 問題の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 * /
#pagebody {
padding: 0;
margin-top: 4px;
background: url(img/bodybg.gif) repeat-y;}
前回と同じような質問ですが、状況が変わってきたので仕切り直しました。
すみませんがどなたか教えて下さい・・・m(_ _)m
お礼
長らくお礼の返事もなしで大変申し訳ありませんでした・・・有難うございますm(_ _)m わからないままいそがしさにかまけてストップしていましたので、試してみます。