• ベストアンサー

ネスケとNowrapの相性・・・・・・。

ネスケ6.2で見ることを前提に横に長い表を作ろうと思ってテーブルで表を組もうとしてます。 1セルの長さをwidth="100"で固定にして、横スクロールしながら閲覧したいのですが どうしても画面サイズに合わせると言わんばかりにセル幅が縮小されてしまいます。 IE5では思うとおりの動きをしてくれるのですが、ネスケ6.2で同じように動かすには いったいどうすればよいのでしょうか。。。 NOWRAPも効果ありませんでした。 似たような症状に見舞われた人のページはあったのですが肝心の対処法がなかったので 申し訳ありませんが皆様のお力を貸してください。 <table border><tr><td> <table border> <tr bgcolor="#FFFFFF"> <td width="100" NOWRAP>NAME0</td> ~ <td width="100" NOWRAP>NAMEn</td> </tr> <tr bgcolor="#FFFFFF"> <td width="100" NOWRAP>DATA0</td> ~ <td width="100" NOWRAP>DATAn</td> </tr> </table> </td></tr></table>

  • HTML
  • 回答数3
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
noname#5841
noname#5841
回答No.3

こんにちは。 No.2の方が書いているように、<TABLE width="合計サイズ" border="...>じゃだめですか? テーブルのボーダラインのサイズ指定していないようなので、ちょっと微妙ですが、ボーダラインつける時は、その分も含めて計算しなくちゃ正確にならないので面倒ではありますが・・・・。 ちゃんと調べ切ってないので、確実な情報じゃないんですが、ネスケ6.2のテーブル描画は入れ子の場合、外縁の方のサイズから始めるようなので(描画速度が向上されてるので、おそらく・・・)、それが指定されてないと、とりあえずブラウザサイズに合わせちゃうみたいです。

digtoyoda
質問者

お礼

外枠の<TABLE>に width="項目数×1セルの幅" と指定することで 解決することができました、ありがとうございます! 外緑の方のサイズ……というご意見でピンときました。 単にブラウザの相性で片付けていいような問題じゃなかったですね (^^; もう少し、私も詳しく書いていればよかったですね。 HTML関連の勉強もさることながら、質問の仕方からしてもう少し勉強しないと……。 何はともあれ無事解決することができました。 ご協力してくださった皆様、本当にありがとうございました!

その他の回答 (2)

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

TABLEでサイズを指定したい場合は、基本的にはTABLEタグ自身のwidth属性を指定します。 また、どうしてもサイズが思い通りにならない場合は、透明のgif画像をサイズ指定して「つっかえ棒」代わりに使います。(俗にSpacerと呼びます。) Spacerを使えば、最低サイズは保証されるため、ブラウザが勝手にセル幅を縮めてしまうのを防ぐことができます。 使い方は↓こんな感じ。 <TD width="100">  <IMG src="spacer.gif" width="100" height="1"><BR>  表示したい内容 </TD> ご参考までに。

digtoyoda
質問者

お礼

Spacerというのは初めて聞きました。 たしかに、絵を縮められることはないということを利用すれば問題は解決ですよね。 勉強になりました、ありがとうございます!

回答No.1

ネスケ6を入れていないので、あてずっぽうなんですが、 外側のTABLEにNOWRAPを入れないといけないのでは?  ↓ <table border><tr><td NOWRAP> <table border> <tr bgcolor="#FFFFFF"> <td width="100" NOWRAP>NAME0</td> ~ <td width="100" NOWRAP>NAMEn</td> </tr> (以下略)

digtoyoda
質問者

お礼

そういえば盲点でしたっ。 ・・・しかし、試したところ変わりませんでした。 うーん、本当に単純な相性の問題なのでしょうか。 それはそれで納得しがたいものがありますけど……。 ご協力ありがとうございました。 何か、別の良い方法があればまた書き込みお願いします。

関連するQ&A

  • ネスケでの右余白

    よろしくお願いします。 IEだと隙間なく表示されるのですが、ネスケだと右余白が空いてしまいます。 (デフォルトでスクロールバーの領域なのでしょうか…?) 隙間なく表示するようにするにはどうしたらよいでしょうか? <body style="margin:0" bgcolor="#000000" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width=100% cellpadding=0 cellspacing=0 border=0 height=100> <tr height=50> <td bgcolor=#ff6600>&nbsp;</td> </tr> <tr height=50> <td bgcolor=#00ccff>&nbsp;</td> </tr> </table> 以下内容----

    • 締切済み
    • CSS
  • Mac IEのバグなのでしょうか?

    TMEspionです。 <table border="0" cellpadding="5" cellspacing="5"><tr><td width="100" align="left" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="center" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="right" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td></tr><tr><td align="left" bgcolor="#999999">左</td><td align="center" bgcolor="#999999">中</td><td align="right" bgcolor="#999999">右</td></tr></table> --------------------------------- 上記のソースの様に、テーブルを縦2段、横2列にセルを作り、上段はテーブルタグ、下段はテキストでそれぞれalign属性をleft、center,rightと設定しています。 ところがInternet Explorer 5.2 for Macで見ると、 上段右のテーブルタグは「align="right"」の効果が出ていません。 この質問を呼んでいる回答者様には、ブラウザでどう表示されるんでしょうか? どう表示されたかという結果とブラウザ名を教えて下さい。

    • ベストアンサー
    • HTML
  • テーブルの作り方をご教示ください

    図のようなテーブルを作りたいのですがどうすればいいのかわかりません。 図はエクセルで書きました。 ----------------------------------------------- <table border=0 cellspacing=0 cellpadding=0> <tr> <td> <table border=0 bgcolor="#000000" cellspacing=1 cellpadding=1 width="230"> <tr bgcolor="#FFFFFF"> <td> 1 </td> </tr> <tr bgcolor="#FFFFFF"> <td> 2 </td> <tr bgcolor="#FFFFFF"> <td> 3 </td> </table> </td> </tr> </table> ----------------------------------------------- まではわかったのですが、 3と4を区切る方法がわかりません。 ご回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルの線を立体じゃなく普通の線にしたい

    普通にテーブルで表を作ると線が立体的になってしまいますよね。 これを、特定のテーブルだけを普通の罫線だけで作られたような表にしたいと思っています。 テーブルを立体でなく罫線にするには、 【例1】 <STYLE type="text/css"> <!-- td{border-style:solid; border-width:1pt 1pt 1pt 1pt;border-color: #000000;} --></STYLE> というスタイルシートを<head>内に書く。 【例2】 <table bgcolor="#000000" border="0" cellspacing="0" cellpadding="0"> <tr><td> <table border="0" cellspacing="1" cellpadding="0"> <tr><td bgcolor="#ffffff">セル1</td><td bgcolor="#ffffff">セル2</td></tr> <tr><td bgcolor="#ffffff">セル3</td><td bgcolor="#ffffff">セル4</td></tr> </table> </td></tr> </table> という入れ子状態にする。 概ねこの2種類の方法が一般的だと思います。 が、【例1】の方法は作るテーブル全てがこのスタイルになってしまいます。 【例2】は小さい表にはいいですが、セルが大量にある表に使うのは無駄が多く、タグが複雑になるので修正時も面倒です。 これを、個々のテーブルに対して例1のようなスタイルシートを使用して作れないものでしょうか? <span>を使って出来そうな気がするのですが、いろいろ試すもののどうもうまくいきません。こういう場合の合理的な方法をご存知でしたら教えていただけますか。

    • ベストアンサー
    • HTML
  • tdのスタイルシート

    <table width="300" border="0"> <tr> <td height="10" bgcolor="#FFFFFF">1</td> </tr> <tr> <td height="10" bgcolor="#FFFFFF">2</td> </tr> <tr> <td height="10" bgcolor="#FFFFFF">3</td> </tr> </table> height="10" bgcolor="#FFFFFF"が連続しているHTMLをCSSで表示することは可能でしょうか? height="10" bgcolor="#FFFFFF"をCSSで設定して、HTMLには書かないようにしたいのですが・・・

    • ベストアンサー
    • CSS
  • このような表をもっとスッキリさせるには?

    <table bgcolor="#000000" table style="font-size:12px" cellspacing="1" cellpadding="5" width="500" height=""> <colgroup width="20%"> <colgroup width="30%"> <colgroup width="50%"> <tr><td bgcolor="#FFFF00">あああ</td><td bgcolor="#FFFFFF">ああああ</td><td bgcolor="#FFFFFF">あああああ</td></tr> <tr><td bgcolor="#FFFF00">いいい</td><td bgcolor="#FFFFFF">いいいい</td><td bgcolor="#FFFFFF">いいいいい</td></tr> <tr><td bgcolor="#FFFF00">うううう</td><td bgcolor="#FFFFFF">うううう</td><td bgcolor="#FFFFFF">ううううう</td></tr> </table> ↑こんな感じで表を作っています。 【bgcolor="#FFFFFF"】のようなものがやたらに多いので、CSSを使ってもっとスッキリさせたいのですがどうCSSタグを配置したらよいのかわかりません。。 お分かりの方、是非教えてください!!

  • テーブル内のテーブルの高さを揃えたい。

    CGIの表示部分を改造中です。 下のソースをhtmlファイルにして見てもらったら判ると思うのですが、 <TABLE border="0"> <COL span="4" width="50"> <TR> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">こんな風に</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">枠を置いたときに</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">100%のサイズ指定しても合わない高さを</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">ちゃんと揃えて配置したい</TD> </TR> </TABLE> </TD> </TR> </TABLE> 高さを100%にしても広がりませんでした。 どうにかして高さ(下の位置)を揃えることは出来ないでしょうか?

    • ベストアンサー
    • HTML
  • タグ「nowrap」について

    こんなこと質問するなよ! ーってな感じの質問ですが、 HTML言語の、テーブルの中で改行を防ぐタグ、「nowrap」ってありますね? それについてなんですが、 nowrapってこんなふうに(下図参照) <TABLE> <TR><TD nowrap></TD></TR> <TR><TD nowrap></TD></TR> ・・・・・以下略・・・・・ <TR><TD nowrap></TD></TR> </TABLE> のようにセル一つずつに書き込まなきゃいけないのですか? それとも、一番上のものかなにかに一つだけ書き込めばいいのでしょうか? 教えてくださいm(._.*)mペコッ

  • tableをcssで表記したい

    下記のhtmlのスタイル部分をcssで表記したいのですが、 どのようにすればよいのでしょうか? tableの種類が一つの場合はできるのですが・・・ <table width="100" border="1" cellpadding="1" cellspacing="1" bgcolor="#AAAAAA"> <tr> <td width="30" bgcolor="#FFFFFF">a</td> <td ">b</td> </tr> </table> <br> <table width="50" border="2" cellpadding="2" cellspacing="2" bgcolor="#BBBBBB"> <tr> <td width="25" bgcolor="#CCCCCC">c</td> <td>d</td> </tr> </table>

  • 1ページにテーブルを複数設定・一括変更の方法について

    一つのページに複数(十数個)を設置する場合 まとめて設置する方法はあるのでしょうか? また、サイズ等を変更したい場合も 一括して変更する方法はあるのでしょうか? 例えば、以下の物を数十個設置する場合 設置自体は簡単なのですが、変更が・・、 どうにか簡単にできる方法があればご教授下さい。 <center> <table border="0" width="600" cellspacing="1" bgcolor="#0fb1ff" height="200"> <tbody> <tr> <td colspan="2" width="600" bgcolor="#ffffff" height="20" align="center"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="100" align="center"></td> <td width="400" bgcolor="#ffffff" height="100"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="20" align="center"></td> <td width="400" bgcolor="#ffffff" height="20"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="20" align="center"></td> <td width="400" bgcolor="#ffffff" height="20"></td> </tr> <tr> <td width="200" height="20" bgcolor="#ffffff" align="center"></td> <td width="400" height="20" bgcolor="#ffffff"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="20" align="center"></td> <td width="400" bgcolor="#ffffff" height="20"></td> </tr> </tbody> </table> </center> 宜しくお願いします。

    • ベストアンサー
    • HTML