1438246578 サイトを移転中なのですが、なぜかページの最初に長ーーい空白ができる。


OCNホームページ → はてなダイアリーに移転中です。
画像のように、長ーーい空白ができてしまいます。<br>とか<P>は消したのですが・・・。
どこが悪いのでしょうか?教えてください!

ソースはこちらです。
http://d.hatena.ne.jp/uneki2012+hukugen1/20150730/1438221498

よろしくお願いします。

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2015/07/30 19:50:20
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:a-kuma3 No.1

回答回数4973ベストアンサー獲得回数2154

ポイント200pt

元の OCN のブログの記事では、大きなレイアウトを TABLE タグを使って作ってましたよね。
HTML を直接入力してたと思うので、ソースの見易さから TR のところや TD で改行をしています。

一方、はてなダイアリーでは、入力した記事の改行を <BR> に置き換えます(もしくは、<P>)。
この自動で挿入される <BR> が HTML の解釈上、TABLE の前にごそっと挿入されたようになっちゃうんです。

で、それを回避するには Pタグ停止記法 というのを使います。

今、記事に書いている TABLE の開始と終了タグ

<table>
</table>

これを、以下のように書き換えてください。

↓この ">" と
><table>
</table><
        ↑この "<" を追加。

こうすると、記事先頭の長い余白がなくなります。

その代わり、記事中の改行が <BR> に変換されなくなっちゃうのですが、元の OCN のブログでは改行に <BR> を打っていたと思うので、引っ越しした記事では問題ないと思います。

id:uneki2012

凄い。あんなに調べても分からなかったのが、質問したらあっさり解決しました(笑)
a-kuma3様、ありがとうございました。

2015/07/30 19:49:49
id:a-kuma3

ぼくも、同じことで (?_?) ってなったことがありまして。
Pタグ停止記法は、別件で割りと最近 教えてもらいました。
はてな記法のヘルプは、ちょいちょい見るようにしているのですが、たくさんあるので使いどころがいまいち分からないものも多かったりします :-)

2015/07/30 21:42:40

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません