• ベストアンサー

ネットスケープナビゲーターでの表と表の間の空白について

HTMLでWEBサイトを現在製作しています。 その際に<table>タグで表を2つ(幅500ピクセルくらいです)、縦に並ぶように配置したのですが、インターネットエキスプローラーで見ると普通に並んでいるのですが、 ネットスケープナビゲーターで見ると、上の表と下の表の空白が、およそ30から50ピクセルくらいあいてしまいます。 空白があき過ぎのように思いますが、これはブラウザーの特性でしょうか?他のサイトさんではあまり見かけないように思うのですが。 意味がないかも知れませんが、HTMLで上の表の最後の</TABLE>と下の表の最初の<TABLE>の間も一文字も隙間が無いようにしています。 そして<TABLE>の属性は、 cellspacing="0" border="0" cellpadding="0" にしています。 上の方の表は高さも指定しています。 下の表は高さの指定はしていません。 お手数ですが解決方法をご存知の方、お願い申し上げます。

  • HTML
  • 回答数4
  • ありがとう数1

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

  • ベストアンサー
noname#25358
noname#25358
回答No.1

 はい(^_^; それはブラウザの特性です。  それを回避するには、<TABLE>タグのオプションにheight=1pxと入れると、少しは改善されると思いますが、たぶん、完全には治らないでしょう。  むしろ、そういうことが起こる、ってことを頭に入れてデザインをした方が早いです。

その他の回答 (3)

  • kenkenkent
  • ベストアンサー率30% (565/1854)
回答No.4

確か、ネットスケープではHTMLの途中にリターンキーを押した改行が入ると そこに隙間が空くのだと言う事を、雑誌で読んだ事があります。 ですので、Pickeyさんがおっしゃる様に、タグの書き方を </TABLE> <TABLE> ではなくて、 </TABLE><TABLE> にしてみるとどうなるでしょう? まぁ、確かにソース開くと、カッコ悪いんですけどね。

  • Pickey
  • ベストアンサー率0% (0/1)
回答No.3

確かにブラウザがNN4.73だと再現しませんでした 古いバージョンのNNが使える環境が見つかったら試してみたいとは思うのですが・・・ なので推測でしかないのですが 「ボタンの配置では(エディタの)改行でも隙間が空いてしまう」ので同じようなことがTABLEタグでも おこり得るのではないかと <TABLE>  ・・・・ </TABLE><TABLE>  ・・・・ </TABLE> のように書いても駄目でしょうか? <参考> <!-- 隙間が空いてしまう --> <INPUT TYPE="BUTTON" VALUE="ボタン1"> <INPUT TYPE="BUTTON" VALUE="ボタン2"> <!-- ぴったりくっつく --> <INPUT TYPE="BUTTON" VALUE="ボタン1"><INPUT TYPE="BUTTON" VALUE="ボタン2">

noname#258
noname#258
回答No.2

Netscapeのバージョンにもよるんですかね? 今、同じようなことを簡単なHTML文書を作って再現して みたのですが、IE/Netscapeとも同じように見られました。 それともやり方が違ったのかな? ちなみにIE5.5/Netscape4.73でした。 例えば、その2つの表をさらにTABLEで囲ってもダメなん でしたっけ? もしくは(間をあけないということから) もともと1つの表として作成することは無理なのでしょうか?

関連するQ&A

  • HTMLで書いた表の上部にはみ出た空白が出る

    HTMLで書いた表の上部に空白部分が表をはみ出てきてしまいます。たとえば11列の表を作りました。しかし行が増えるに従って、表の上部にはみ出た空欄が出て空欄の高さが長くなってきます。どういう指定をすれば表だけになって、この白い部分はなくなるか教えて下さい。あるいは最後のところのHTMLが不足しているとか。 <TABLE> <TABLE BORDER=5 WIDTH=800> 一列目 <TR bgColor=#f0ffff> <TD width=30>1</TD> <TD width=100>7/18(月)</TD> <TD width=500>成田発<BR>ミュンヘン着</TD> <TD width=300>午前<BR>午後</TD> 同じように10列の表があるとする。 最後</TABLE> 同じように11列くらい書いていると 上部に白い空白が出来てくる。なぜでしょうか。

  • cellpadding

    <table border="1" cellpadding="10" cellspacing="0"> <tr> <td>あああああ</td> </tr> </table>  上記テーブルで、「あああああ」の周りに出来る余白(空白)のピクセル数(上下左右)は それぞれ10pxなんでしょうか?それとも5pxなんでしょうか?

    • ベストアンサー
    • HTML
  • <table>の「cellpadding」と「cellspacing」のタグを、CSS2で記述する場合

    <table>の「cellpadding」と「cellspacing」という、表のセルとセルの間隔を指定できるものがありますが、CSS2ではどのように記述すればいいのでしょうか?

  • 表の中の文字を小さくするには?

    表のなかの文字を小さくしようと思い、下のようにhtmlを書きました。でも、macではうまく表示されるのにwinでは文字がそのままで小さくなりません。 お時間あれば教えてください。いろいろ調べたのでうすが、よくわかりませんでした。よろしくお願いします。htmlはimacDV,OS9のsimpletextで書いています。 <TABLE BORDER=1 CELLSPACING=0 CELLPADDING=2 bgcolor="FFFFCC"> <font size="-1"> <TR><TD> ~小さくしたい文字~ </TD></TR> <TR><TD> ~小さくしたい文字~ </TD></TR> <TR><TD> ~小さくしたい文字~ </TD></TR> </font> </table>

    • ベストアンサー
    • HTML
  • ジャバスクリプトで表と背景色の指定

    ジャバスクリプトで表と背景色の指定の仕方をお教えください。 表 <TABLE cellSpacing=0 cellPadding=10 width=640 border=1 bgcolor="#FFE1CE"> 背景の色 <BODY aLink=#008000 leftMargin=0 topMargin=0 bgcolor="#FFFFFF"> はじめての者です。

  • DreamWeaverのソースコードの整頓方法

    DreamWeaverを使ってWEBサイト制作をしています。 コーディングしていく上で、 ソフト側で(おそらくソースの見易さを考慮してか)左詰めでなく、適宜空白を自動的に作っていってくれているのですが、 それを一括して左詰めにできる方法はないのでしょうか? よろしくお願いします。 =========== <table border="0" cellspacing="0"cellpadding="0">  <tr>   <td>■■■</td>  </tr>   <tr>    <td>■■■</td>   </tr>  </table> ↑これを <table border="0" cellspacing="0"cellpadding="0"> <tr> <td>■■■</td> </tr> <tr> <td>■■■</td> </tr> </table> ↑こうしたいのです

    • ベストアンサー
    • HTML
  • ホームページビルダー表の高さが調節できません

    3列の表を作っています。 2列、3列めは行を一つに連結しています。 3列めのセルに長く文章を入力すると、1列め、2列の高さが変わってしまいます。空白だらけ になり高さが直せません。 表全体の属性で高さを見るとピクセルと%が選べます。 ピクセルを消したり、数値入れたり、100%、50%にしても変わりません。 各セルの属性の高さはピクセルのみです。 それぞれ消したり数値入れてみても何も変わりません。 最初のうちは変わっていた気がするのですが、作業を進めるうちに表が複雑になってしまった からでしょうか?

  • ワード文書の表をシンプルにしてHTML文書に貼り付けたい。

    ワードで作られた書類をホームページ化しています。 ワードの保存機能でHTMLにすると、余分なコードがいっぱいはいるので、ホームページビルダー、または ネットスケープのComposerで、コピーペーストして、貼り付け時にテキスト化して一行一行確認しながら作っています。 問題は、表です。 表をテキスト化すると、表が消えてしまいます。かといってそのままの形でコピー貼り付けすると、余分な属性が大量に入ります。一番シンプルなテーブル属性<table>だけ残して、表形式のまま貼り付けることはできないでしょうか。

  • このような外枠を作るにはどうすれば?

    HTMLを勉強しています。 http://zexy.net/kansai/ のサイトにあるような全体の枠組を作りたいと思っています。 ソースを見ましたが、 <table border="1" cellpadding="0" cellspacing="0"> の部分なのでしょうか? ご教授ください。

    • ベストアンサー
    • HTML
  • セルについて

    一つのセルの中に画像を入れたのですが、下のセルとの間に空白ができてしまいます。 <table> <tr><td>画像</td></tr> (この間に空白) <tr><td>文字</td></tr> </table> hspace="0"、cellspacing="0"、cellpadding="0"と、 考えられる事はやってみたのですが、空白はうまりません。 他に方法はあるでしょうか? 教えてください。

    • ベストアンサー
    • HTML