人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

よろしくお願いします。

1438246578
●拡大する

●質問者: uneki2012
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●200ポイント ベストアンサー

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

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

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

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

<table>
</table>

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

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

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

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


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

a-kuma3さんのコメント
ぼくも、同じことで <tt>(?_?)</tt> ってなったことがありまして。 Pタグ停止記法は、別件で割りと最近 教えてもらいました。 [http://hatenadiary.g.hatena.ne.jp/keyword/%E3%81%AF%E3%81%A6%E3%81%AA%E8%A8%98%E6%B3%95%E4%B8%80%E8%A6%A7:title=はてな記法のヘルプ]は、ちょいちょい見るようにしているのですが、たくさんあるので使いどころがいまいち分からないものも多かったりします <tt>:-)</tt>
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ