- ベストアンサー
テーブルの表示がずれます
htmlを書いているのですが、テーブルの行を増やすたびに、ブラウザで表示するとテーブルの表示がだんだん下の方へずれてしまいます。友人に聞いたところ、彼も同じような現象が起こるようです。 このようにならないようにしたいのですが、専門書を読んでも分かりません。 ちなみにhtmlソースはこのようになっております。 (1)行が1つの場合 <html> <head> <title>テスト</title> </head> <body bgcolor = "white"> <h1>テスト</h1> <h3>テスト1</h3> <table> <tr> <td>テスト</td> <td>1</td> <td>2</td> </tr> </table> </body> </html> (2)行が2つの場合 <html> <head> <title>テスト</title> </head> <body bgcolor = "white"> <h1>テスト</h1> <h3>テスト2</h3> <table> <tr> <td>テスト</td> <td>1</td> <td>2</td> </tr> <tr> <td>テスト</td> <td>1</td> <td>2</td> </tr> </table> </body> </html> 宜しくお願い致します。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 イマイチどうしたいのかがよく判らないので、具体的な説明を補足してください。 ソース自体は間違いではないと思いますが…。 <tr>や<td>の前にある空白はもちろん半角空白ですよね？全角だと不具合がでます。 行が増えると下に表が大きくなるのは必然ですし。 行が１行のものと、２行のものとでは、ページが違うんですよね？ もし、同じページに表示するのであれば、１ページにつき、<html>タグは一組です。（あくまでも基本的に、ですが） これが、直接行がずれるっていうことにはならないと思いますけど…。
その他の回答 (2)
- sumou111
- ベストアンサー率56% (50/89)
空白に全角が混じっていると、だんだん段が下がってくることがあります。空白をすべて半角にしてもう一度試してみてください。
お礼
ありがとうございます。ご指摘のように、全角が混じっていたようです。半角でやってみたら直りました。
- neue_reich
- ベストアンサー率21% (138/647)
trやtdタグの字下げにスペースを使っていませんか？ タブを使わないと文字扱いされてしまい、 tdタグ内に入っていない文字がある、と認識されます。 すると、それらは全てテーブルの真上に配置されますので （ブラウザに表示してから文字を全てマウスで選択してください。 テーブルの上に怪しい形で選択されるものがあるはずです） このような現象が起こります。
お礼
ありがとうございます。どうも全角のスペースを使っていたのが原因のようでした。
お礼
ありがとうございます、試してみたらどうも全角が入ってしまっていたようです。ちなみに、２つのhtmlは別々のファイルです。