html文<table><tr><td>タグで12列の表を作成したところ,表の前(上)に表の行数だけの余白が出来てしまいます。1行加えると余白が又1行増えてしまいます。その余白行は対応する表内の行と同じ背景色がつきます。余白が出来る原因と対策が分かったら教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/05/31 12:46:43
  • 終了:2009/06/01 10:44:48

回答(5件)

id:tipstips No.1

tipstips回答回数7ベストアンサー獲得回数02009/05/31 13:20:19

ポイント5pt

コメント受け付けていないみたいなのでこちらでコメントします。

具体的に作成したhtml文かそのhtml文があるページのURLを提示するか、html文を作成した環境(エディタ)と表示した環境(ブラウザ)を提示してもらわないと回答は難しいと思います。


http://q.hatena.ne.jp/1243741602

id:Masipposhi

ご回答ありがとうございます。

html文添付します。editorは「秀丸」、ブラウザはIEです。分かりますか?

<html>

<head>

<title>国立ときわ会/運営/案件処理推移表</title>

</head>

<Body>

 

 

 

 

案件処理推移表
技術ポスト
  番号 案件名 RS別 設定 RS
決定
四者
決定
修正
更新
運委
決定
総会
承認
終了
  技術01 2009年度練習日程表 R 日程 5/18 5/10      5/26               
  技術02 36定演選曲案 R 選択              

</BODY>

</HTML>

2009/05/31 21:41:54
id:matane No.2

matane回答回数40ベストアンサー獲得回数22009/05/31 13:34:40

ポイント5pt

どこか閉じてないタグがあると、よく そういう風になりますね。


tr の閉じ忘れとか table の閉じ忘れとか。

違ったらごめんなさい。


※ URLはダミーです。

id:fut573 No.3

fut573回答回数195ベストアンサー獲得回数542009/05/31 13:50:07

ポイント5pt

urlはダミーです http://q.hatena.ne.jp/1243741602

可能性の話でしかないのでコメント欄に囲うと思ったのですがオープンではないので、こちらに。


seesaablogを初めとした一部のブログツールやHTML作成補助ソフトは、ソースの改行コードを
タグに変換してしまいます。

例えば、

<table>
 <tr><td>test</td>
 <tr><td>test</td>
</table>

と書いた物が、


<table>
 <tr><td>test</td></tr>
 <tr><td>test</td></tr>
</table>

に自動変換され、table中の改行タグ
がブラウザに解釈され、表より前にに空白が表示されます。


ブラウザ上で、htmlファイルのソースを確認し、tableの中に改行タグが追加されていないかどうか、確認してみてください。

もし、自動挿入されるツールを使っているようでしたら、改行タグ自動挿入関係のオプションをチェックしてみてください。

<table><tr><td>test</td><tr><td>test</td></table>

↑のように改行無しでtableをまとめて一行で書くのも有効です。

id:juner No.4

juner回答回数21ベストアンサー獲得回数02009/05/31 23:42:15

ポイント5pt

URLはダミーです。 http://hatena.ne.jp/juner

タグに関しての閉じ忘れだけだと思われます。

閉じないと意図しない空白が入ったりしますので気をつければ大丈夫かと思われます。

あと、関係無いですが、tdはデータ、thはヘッダ用に使うものなので適切に使いましょう。

(css適用する際も無駄なclassやidの指定をしなくて済みます。

id:matane No.5

matane回答回数40ベストアンサー獲得回数22009/06/01 00:43:07

ポイント80pt

2のものです。

わかりましたよー。>td< の直前に全角の空白があるんです。

秀丸の表示の設定で「全角空白を表示」にしておくと分かりますよ。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません