空白の後に表示されてしまいますが・・・

質問

最近ホームページを作り始めた者です。
gooの簡単ＨＰで作成していますが、プロフィール欄にID以下に下記のような表（実際は相当な量がありますので、先頭行だけ抜粋。最終行まで表示はされます。）を掲載したいのですが、かなりの空白を挟んで表示されてしまいます。解決策はありますか？

<table width=65% border=2>
<tr><td width=14.8% align=center>No.</td>
<td width=60.4% align=center>Name</td><td width=24.8%align=center>Position</td>
</tr>
<tr>

回答No.3

noname#199778 · ベストアンサー

状況がいまいち把握し切れていないところもありますが…

とりあえず、table要素の前に、空白を開けるような要素が挟まったりしていないかを確認してみてください。 まずは基本的な確認事項ということで…

それで、ソース上で余計なタグが挟まっていないとすれば、あとはソースの書き方によるものかもしれません。 そのページを表示した状態でCtrl+Aなどですべてを選択してみて、テーブルの上に空白か何かが入ったりしていませんか?
もしここで全角スペースなどがテーブルの上に出てきている場合は、table要素の記述で、trやtdタグのインデントに全角スペースを入れたりしていないかを確認してみてください。
tableタグ内で、trやtdのタグの外に記述された文字は、ブラウザではすべてテーブルの上に表示されるようです。 また、それらのタグ外の半角スペースとタブは、ブラウザはインデント用として無視してくれますが、全角スペースについてはインデント用の文字とは認識せずに表示してしまいます。 ですので、全角スペースでインデントを取ったりしていないかを確認する必要があるかもしれません。

ちなみに蛇足ですが、簡単HPなどガイアックス系HPサービスでは、データ転送時に、入力したタグから引用符(")を削除する加工が入るようですので、その部分の対策は難しいかと思います。 引用符をダブルコーテーションではなく、シングルコーテーション(')にすれば回避できる例もあるようですが、状況によっては対策できないこともあるかもしれません。

あてずっぽうをしてみましたが…見当違いでしたら、ごめんなさい。
もし上記が見当外れだった時は、差し支えなければ、テーブルの先頭だけではなく、ページの上部からテーブルの前までのソース(前の方の補足を見る分では「ID: AAAA」の部分から対象のテーブルの冒頭1列目ぐらいまでの部分)も加えて補足していただけると、いくらか状況も見えるかもしれません。

回答No.2

nari15

罫線が二重になっているように見えるのが気になるということでしょうか？
本当は、二重線ではなく、線の幅を２にしているだけのことなのですが、babypunksさんの設定では、テーブル（表）のbgColorが白だから、空白があいているように見えるのですよね。

そこで、こういうの↓はどうでしょうか？

<table width="65%" border Cellspacing="0" BorderColor="">
<tr><td width="14.8%" align="center">No.</td>
<td width="60.4%" align="center">Name</td><td width="24.8%" align="center">Position</td>
</tr>
<table>

枠の色を変えたいのでしたら、BorderColorの""にお好きな色を指定、
線を太くしたいのであればborderのところに="好きな数字"を追加していただければ と思うのですが・・・

お礼

二重罫線は意図的にしたものです。
説明が下手で申し訳ないのですが、今こんな感じになっています。

ID: AAAA
｜
｜
｜　　　　　　　　　　　｜　は削除したい空白
｜
｜
bbbb cccc dddd
bbbb cccc dddd

回答No.1

the845t

空白をはさんで表示とは？？

あと一応各属性は""で要素を囲い、属性間には半角のスペースを入れましょう。

例）
<td width="24%" align="center">

24.8%という指定はできないような気もしますが・・・。

お礼

ありがとうございました。" "の点は修正してみましたが、まだイメージ通りではありません。難しいですね。