
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>
宜しくお願い致します。

No.1ベストアンサー
- 回答日時:
こんにちは。
イマイチどうしたいのかがよく判らないので、具体的な説明を補足してください。
ソース自体は間違いではないと思いますが…。
<tr>や<td>の前にある空白はもちろん半角空白ですよね?全角だと不具合がでます。
行が増えると下に表が大きくなるのは必然ですし。
行が1行のものと、2行のものとでは、ページが違うんですよね?
もし、同じページに表示するのであれば、1ページにつき、<html>タグは一組です。(あくまでも基本的に、ですが)
これが、直接行がずれるっていうことにはならないと思いますけど…。
No.3
- 回答日時:
空白に全角が混じっていると、だんだん段が下がってくることがあります。
空白をすべて半角にしてもう一度試してみてください。お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssで、表示されるテキストによ...
-
テーブルの表示がずれます
-
逆L字の表(table)組み
-
テーブルのセルに画像をピッタ...
-
値が0なら非表示にしたい
-
EXCELの表にTABLEタグをテキス...
-
テーブル結合 縦横両方するには?
-
テーブルの枠線とテキストフィ...
-
テーブル内のセル間にスペース...
-
<BODY>~</BODY> の中に <STYLE...
-
<fieldset>タグについて
-
画面幅に合わせてテーブルのカ...
-
テーブルとテーブルの間隔について
-
ホームページのテキストを折り...
-
テーブルデータを折り返して表...
-
テーブルタグの中にdivを含めて...
-
tableタグとformタグの組み合わせ
-
CSSで特定のテーブルだけに...
-
HTMLで<HR>以外で線を引く方法...
-
テーブル内に画像を表示したい。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
TRタグの余白をcssで設定するには
-
中に<table></table>が使えるア...
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
EXCELからhtmlへの変換で罫線が...
-
逆L字の表(table)組み
-
値が0なら非表示にしたい
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの外側の線を消す
-
HTMLで文とテーブルの間が空く。
-
表(テーブル)内の文字サイズ...
おすすめ情報