![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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>
宜しくお願い致します。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_05.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
こんにちは。
イマイチどうしたいのかがよく判らないので、具体的な説明を補足してください。
ソース自体は間違いではないと思いますが…。
<tr>や<td>の前にある空白はもちろん半角空白ですよね?全角だと不具合がでます。
行が増えると下に表が大きくなるのは必然ですし。
行が1行のものと、2行のものとでは、ページが違うんですよね?
もし、同じページに表示するのであれば、1ページにつき、<html>タグは一組です。(あくまでも基本的に、ですが)
これが、直接行がずれるっていうことにはならないと思いますけど…。
No.3
- 回答日時:
空白に全角が混じっていると、だんだん段が下がってくることがあります。
空白をすべて半角にしてもう一度試してみてください。お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
テーブルのヘッダとボディの幅がズレルのを防ぐ
HTML・CSS
-
INSERT文でフィールドの1つだけを他のテーブルから取ってきた値を入れたい
その他(データベース)
-
テーブル内の文字サイズを変更したい。
HTML・CSS
-
-
4
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
5
テーブルセル余白(例えば左側だけ、上側だけ、など)
HTML・CSS
-
6
<th>タグを使っても太字にしない方法は
HTML・CSS
-
7
html でのテキスト結合について
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
テーブルの行を折りたたみたい...
-
ホームページ 表の上の余白を...
-
テーブルの行数が違う列のテキ...
-
テーブルの任意の列を非表示に...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの入れ子について
-
cssで、表示されるテキストによ...
-
HTMLのテーブルで桁をそろ...
-
テーブルの行の高さを指定する...
-
テーブル結合 縦横両方するには?
-
[CSS]tableでtd同士だけ行ごと...
-
tableの中にtableを作りスクロ...
-
テーブルのセルに画像をピッタ...
-
テーブルの上に空行が入る・・...
-
表の一部を結合するには?
-
htmlのtable内に画像
-
ラジオボタンとテキストボック...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
-
HTML <td></td>タグ セル内余...
-
テーブルのヘッダとボディの幅...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
ホームページ 表の上の余白を...
-
テーブルのセルにアンカー
-
テーブルタグのセルの幅の一部...
-
逆L字の表(table)組み
-
中に<table></table>が使えるア...
-
tableでcolspanを使うと次行以...
-
スタイルシートで colspan=3と...
-
TABLE内の枠線を一部消すには
-
テーブルの上に空行が入る・・...
おすすめ情報