WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:テーブルに背景画像 NN4x

0:[投稿] 瑞 [2002/09/07 16:36 ][環境:その他 その他]

過去ログ探してみたのですが同じ例があったらすいません。
NN4x(確認はMac,Win,NN4.7でやりました)での背景画像の事で教えてください。
サンプルを作ってみました
http://www.h2.dion.ne.jp/~prof_omt/test/test01.html

で、一番上は単にテーブルに対して背景画像、
2番目はそのテーブルを3行、3列に、
3番目はさらにそのなかにテーブルをネストして、

2,3番目は
NN6、7ではIE5と同じように表示されるのですが、NN4xできちんと
表示させる方法はないでしょうか?


1:[回答] YK [2002/09/09 08:57 ]

各々のセルの背景画像の指定を
background=""(値を入れない)
これで現象は解消するはずです。

一部のエディター等では
エラーの自動修正がされてしまうことがあるのでご注意を。


2:[質問] 瑞 [2002/09/11 13:16 ]

遅くなってしまいました。すいません。
YKさん、ありがとうございます。
教えていただいたように、下のように変えてみました。
これは、NN4xでみるとテーブルに設定した背景が完全に消えてしまうのですがもしかしてソースに問題ありますか?
IEと同じように表示できればベストなんですが、
「この方法で、今までのようにNN4xでずれて表示されてきたなくなるくらいなら、表示させないという意味でいける。」
という私の考えは間違っているでしょうか・・?


<html>
<head>
<title>無題ドキュメント</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="390" border="0" cellspacing="0" cellpadding="0" height="390" background="aaa.gif">
 <tr>
   <td width="130" height="130" background=""> </td>
   <td width="130" height="130" background="">  </td>
   <td width="130" height="130" background=""> </td>
 </tr>
 <tr>
   <td width="130" height="130" background=""> </td>
   <td width="130" height="130" background=""> </td>
   <td width="130" height="130" background=""> </td>
 </tr>
 <tr>
   <td width="130" height="130" background=""> </td>
   <td width="130" height="130" background=""> </td>
   <td width="130" height="130" background=""> </td>
 </tr>
</table>
</body>
</html>


3:[回答] あ [2002/09/11 17:15 ]

考え方はそれぞれなので、正しい云々は難しい。

が、
環境に依存することは避けるべきではないかと思ふ。
それがHTML文書なのだとしたら。


4:[回答] YK [2002/09/12 21:46 ]

レスが遅くなりました。
で、説明不足でした。ごめんなさい。
要はNN4xはBACKGROUDNのデータを継承するみたいで
入れ子にするとトラブルんですね。
うまく説明できないんでソースコピーします。
参考にして下さい。
(IE、NN4x共に同じように表示されるはずです。)

<TABLE height=390 cellSpacing=0 cellPadding=0 width=390 background=aaa.gif border=0>
 <TBODY>
 <TR>
   <TD> </TD>
 </TR>
 </TBODY>
</TABLE>
<TABLE border="0" width="390" height="390" cellpadding="0" cellspacing="0">
 <TBODY>
   <TR>
     <TD background="aaa.gif">
     <TABLE height="390" cellspacing="0" cellpadding="0" width="390" border="1">
       <TBODY>
         <TR>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background="">  </TD>
           <TD width="130" height="130" background=""> </TD>
         </TR>
         <TR>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> </TD>
         </TR>
         <TR>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> </TD>
         </TR>
       </TBODY>
     </TABLE>
     </TD>
   </TR>
 </TBODY>
</TABLE>
<TABLE border="0" width="390" height="390" cellpadding="0" cellspacing="0">
 <TBODY>
   <TR>
     <TD background="aaa.gif">
     <TABLE height="390" cellspacing="0" cellpadding="0" width="390" border="1">
       <TBODY>
         <TR>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background="">  </TD>
           <TD width="130" height="130" background=""> </TD>
         </TR>
         <TR>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> 
           <TABLE height="130" cellspacing="0" cellpadding="0" width="130" border="0">
             <TBODY>
               <TR>
                 <TD background=""> </TD>
                 <TD background=""> </TD>
                 <TD background=""> </TD>
               </TR>
               <TR>
                 <TD background=""> </TD>
                 <TD background=""> </TD>
                 <TD background=""> </TD>
               </TR>
               <TR>
                 <TD background=""> </TD>
                 <TD background=""> </TD>
                 <TD background=""> </TD>
               </TR>
             </TBODY>
           </TABLE>
           </TD>
           <TD width="130" height="130" background=""> </TD>
         </TR>
         <TR>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> </TD>
           <TD width="130" height="130" background=""> </TD>
         </TR>
       </TBODY>
     </TABLE>
     </TD>
   </TR>
 </TBODY>
</TABLE>


5:[回答] YK [2002/09/12 21:56 ]

補足です。

BODYにBACKGROUNDを指定していると
その上にTABLEを配置してもご質問のような現象が起こります。
TABLEを入れ子にした場合も同じくです。
つまり入れ子にしたTTABLEのTDがBACKGROUNDを継承するわけです。

で、>2でうまく行かなかったのは継承すべきデータが無かった。
(TABLEが入れ子になってなかった)
というわけで無理やりTABLEを入れ子にしておくとNN4xでも
IEと同じように表示出来るわけです。


6:[完了] 瑞 [2002/09/21 18:36 ]

ありがとうございます
遅くなり申し訳ありません。。。
解消しました。もっと勉強します

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World