- ベストアンサー
htmlで改行タグを入れていないのに改行される
WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、 改行タグを入れてないのに４行分も改行されてしまい困っています。 （異常に空白があったので、反転させたら分かりました。） ！<div align="center"><br> ！<font size="+2">- MUSIC - </font><br> ！<table border="0" cellpadding="1" cellspacing="0" width="90%"> の、tableから上に４行空白が出来てしまいます。 どうしても直したいので、分かる方は教えてくれないでしょうか。
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
テーブルの上に空白ができてしまう場合、そのテーブル内の記述に問題があることが多いです。 例えば、 <table> <tr><td>この行は全角空白でインデント（字下げ）しています。</td></tr> </table> のようにインデントを全角空白で書いてしまうと、その空白は td ブロック外のテキストとしてテーブルの上に表示されてしまいます。 ですので、まずはテーブル内の <td> ～ </td> 外に書かれている全角空白をチェックしてみて下さい。
その他の回答 (2)
- Aquarius172
- ベストアンサー率36% (111/308)
私も#1の方同様試してみましたが、正常に表示されました。 原因として考えられるのは、#2の方が仰っている「インデント(字下げ)」が全角空白で記入されているぐらいですね。 手打ちで「HTML」を打つ場合「メモ帳」は止めた方がいいと思います。 「メモ帳」よりは、フリーウェアのテキストエディタの方が使い勝手はいいと思います。 私は「TeraPad」を使っていますが、「全角空白」や「タブ」などには識別マークがつけられるので便利です。
お礼
全角空白が原因のようでした。 「TeraPad」は持ってはいましたが、全然使っていませんでした。 これからは使ってみようかと思います。 ありがとうございます。
- argi
- ベストアンサー率27% (5/18)
実際にローカルで試してみましたが、質問内容のみを純粋に使用して実行すると問題なく表示されるようです。 tableタグ以下に問題があるのではないかと思われます。（tableを閉じていないとかtr/tdの閉じがないとか） 上記のような理由でテーブル自体の表示がテーブルより下のものより下になってしまったことがあったような無かったような。差し支えなければtable以下のソースもあると判断しやすいです。 以下に一応試したHTMLを記入しておきます。 ---------ここから <html> <body> test<br> <div align="center"><br> <font size="+2">- MUSIC - </font><br> <table border="0" cellpadding="1" cellspacing="0" width="90%"> <tr><td>aaaaaaaaaaaa</td></tr> </table> </body> </html> ---------ここまで
お礼
タグの閉じ忘れなどは目を皿にして探したのでありませんでし、 argiさんが書いてくださったＨＴＭＬも問題ありませんでした。 しかし空白が原因だったようで、一度テーブル内の空白を消して入れ直したら直りました！ 回答ありがとうございます。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
全角空白は使ってないはずだったのですが「念のため…」と思い、 テーブル内に使用した空白を消して、入れ直したら見事に隙間が埋まってくれました！ テーブル内の記述がテーブル外に影響するなんて思ってもいませんでした。 かなり悩んでいたので、とても嬉しいです。 ありがとうございます。