- ベストアンサー
NetscapeNavigatorでの高さ表示
1×1のスペーサーGIFをTDに入れて、背景に色をつけて 高さ１pxのラインを作っています。 が、IEですと素直に表示されるんですが、NNの場合は CSSのBODYでフォントサイズを指定していると、 たとえTDで高さ指定してあってもそれを無視した表示になります。 これを回避して、指定した高さで表示させる方法はありますでしょうか？ 確認したNNはバージョン７．０２です。 よろしくお願いします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
う～ん・・。 何が原因なんだろう・・。 当方の例では、 <table border="0" cellspacing="0" cellpadding="0"> <tr> <td>あいうえお</td> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> <td>かきくけこ</td> </tr> <tr> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> </tr> <tr> <td>さしすせそ</td> <td bgcolor="#33ff00"><img src="spacer.gif"></td> <td>たちつてと</td> </tr> <tr> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> </tr> <tr> <td>なにぬねの</td> <td bgcolor="#33ff00"><img src="spacer.gif" border="0"></td> <td>はひふへほ</td> </tr> </table> これにCSSで body { font-size: いろいろな数値pt } と、やってみましたが、Netscape でも表示に問題ないんですが・・。 この場合、ラインは透過GIF（1pixel×1pixel）に合わせて1pixelの幅となります。 <td> ～ </td> の間を改行していませんよね？ ご存じだと思いますが、Netscape の場合、<td> ～ </td> の間を改行してしまうと、キャリッジリターンによってテーブルの表示が崩れてしまいます。 http://www.ep.sci.hokudai.ac.jp/~epnetfan/zagaku/2000/0929/carri.html 上の記述の<table>タグ内の cellspacing="0" は、ともかくとして、cellpadding="0" に指定していますよね？ 問題箇所のソースをそのまま載せていただければ、早く解決するのではないかと思いますが・・。 あまり協力出来ずに、すいません。
その他の回答 (2)
こんにちは！ 詳しく調べずに回答するのも気が引けるのですが・・ Joh_TakaさんのサンプルとRYOKUYAさんのサンプルの違いは『あいうえお』（全角）と『aaaa』（半角）ではないでしょうか？ RYOKUYAさんのサンプルを『aaaaaあいうaaaaa』としてみて下さい。 同じになると思います。 あと body { font-size : 9pt; } は body,td,th { font-size: 9pt; } にしないと文字の大きさが反映されないような気がしますが・・気のせいでしょうか？ どちらにしろ今回の本来の質問の回答にはなっていませんね・・m(_ _)m
お礼
アドバイス有難うございます。 ですが、半角でも全角でも関係ないので下のサンプルを作ったのですが、 「同じになる」とはどこの何が同じになるのでしょうか？ 後、body { font-size : 9pt; }はtd,th指定無しでも文字設定は反映されますが？
補足
すみません、この欄をお借りします。 実際にページを作ってアップした後、他でも同じ質問をしました所、 DOCTYPE宣言の記述に問題があった事がわかりました。 どうもお騒がせしました。 OKWebでも個人のページの参考URLの書き込み可でしたら、 皆様にも発見して頂けたかと思います。 というか、ソース全部書いていれば…でも長くなるしと思いまして…（爆） 有難うございました。
1×1のスペーサーGIFそのものに色を付け、 <img src="spacer.gif" width="**" height="1px" alt="spacer"> といった具合に設定してみては？ width= のあとは、ピクセルかパーセント表示で。 当方にはネスケの6しかないので確かなところわからないのですが… お役に立てませんでしたら、申し訳ありません。
補足
ご回答有難うございます。 使用例を詳しく書くべきでしたね。 ・テキスト入りの行の上下を細い行で隙間なく挟みたい。 ・あるいは文字の後ろにラインをつけたい。 テーブルを使用してラインを作っているのは、表示サイズを変更されても、 それに合わせて自在に左右サイズが変化するラインが欲しい為なんですが…
お礼
今日改めて、書いて頂いたソースをNN7で見てみたところ、 縦ラインは１ｐｘのままなのに、何故か横ラインが 文字サイズと同じ高さで表示されました。 昨日は１ｐｘ表示出来たのに…何かおこってるんでしょうか… ひょっとして私がダウンロードしたNN７のバグ…？
補足
ご回答ありがとうございます。 書いて頂いたものですと、確かに表示崩れませんね。謎。 <td>～</td>間は改行していません。 cellspacing・cellpadding共に"0"指定しています。 以下のソースでNGです。 <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#3333cc"><img src="spacer.gif" border="0"></td> </tr> <tr> <td>aaaaaaaaaaaaaaaaaaaaaaaaa。<br> aaaaaaaaaaaaaaaaaaaaaaaaaa。</td> </tr> <tr> <td bgcolor="#3333cc"><img src="spacer.gif" border="0"></td> </tr> <tr> <td height="1"><img src="spacer.gif" border="0"></td> </tr> <tr> <td align="center" bgcolor="#c9e7ff"><b>aaaaaaa。</b></td> </tr> </table> </body> スタイルシートは <style type='text/css'> <!-- body{ font-size : 9pt; } --> </style> と指定しています。 自分では見落してる大ボケがどこかにあるのでしょうが… どうぞよろしくお願いします。