- ベストアンサー
ネットスケープナビゲーターでの表と表の間の空白について
HTMLでWEBサイトを現在製作しています。 その際に<table>タグで表を2つ(幅500ピクセルくらいです)、縦に並ぶように配置したのですが、インターネットエキスプローラーで見ると普通に並んでいるのですが、 ネットスケープナビゲーターで見ると、上の表と下の表の空白が、およそ30から50ピクセルくらいあいてしまいます。 空白があき過ぎのように思いますが、これはブラウザーの特性でしょうか?他のサイトさんではあまり見かけないように思うのですが。 意味がないかも知れませんが、HTMLで上の表の最後の</TABLE>と下の表の最初の<TABLE>の間も一文字も隙間が無いようにしています。 そして<TABLE>の属性は、 cellspacing="0" border="0" cellpadding="0" にしています。 上の方の表は高さも指定しています。 下の表は高さの指定はしていません。 お手数ですが解決方法をご存知の方、お願い申し上げます。
- Guitar
- お礼率16% (8/50)
- HTML
- 回答数4
- ありがとう数1
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
はい(^_^; それはブラウザの特性です。 それを回避するには、<TABLE>タグのオプションにheight=1pxと入れると、少しは改善されると思いますが、たぶん、完全には治らないでしょう。 むしろ、そういうことが起こる、ってことを頭に入れてデザインをした方が早いです。
その他の回答 (3)
- kenkenkent
- ベストアンサー率30% (565/1854)
確か、ネットスケープではHTMLの途中にリターンキーを押した改行が入ると そこに隙間が空くのだと言う事を、雑誌で読んだ事があります。 ですので、Pickeyさんがおっしゃる様に、タグの書き方を </TABLE> <TABLE> ではなくて、 </TABLE><TABLE> にしてみるとどうなるでしょう? まぁ、確かにソース開くと、カッコ悪いんですけどね。
- Pickey
- ベストアンサー率0% (0/1)
確かにブラウザが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">
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
- 表の中の文字を小さくするには?
表のなかの文字を小さくしようと思い、下のように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"> はじめての者です。
- ベストアンサー
- JavaScript
- 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