blog::k-12

たしかホームページを作り始めた頃に一度経験したことが、再び起こった。当時、その原因をはっきり理解していなかったため、今回も解決が遅れてしまった。
今回、他人が作成した table, tr, td タグを利用した同一のテーブル形式のホームページ 100余りをチェックしているときに起こった。その中に３つだけ、テーブルの表示がページ下方にずれているものがあった。
<H2>body内のタイトル</H2>
の下に２行程度あけて、テーブルが表示されるべきところが、１０行ほど下方にずれて表示されていたり、すこしページ下方にずれて背景色の異なる１行のラインがテーブルの上に表示されるものがあった。

テーブルのタグを配置、作成した者が <tr> <td> の間の空白に半角でなく、全角の空白を使用したため、全角のある行×総数 分だけ下方にずれたのである。

【正】
<tr><td>***</td>[改行]
[半角スペース][半角スペース][半角スペース]</tr>
 
【誤】
<tr><td>***</td>[改行]
[全角スペース][半角スペース]</tr>

通常のエディターでは、表示に違いがなく、他人が作成したため、一見しただけではわからない。

参照ページ: [教えて！goo] テーブルの表示がずれます
  » http://oshiete1.goo.ne.jp/kotaeru.php3?q=657284