ウェブページの上部に空白が表示されます

クロムのサイトhttp://www.helpinghandspeople.comには、ページの上部に16pxの空白のバンド（背景色が表示されます）があります。ウェブページの上部に空白が表示されます

そこにいるはずはありませんが、どうやって消し去るかわかりません。 Firefoxでは、ホームページは正常に表示されますが、ログインとその他のいくつかのページには24pxのバンドが表示されます。

ソースと実行中のinspect要素の表示は役に立ちません。

誰にでも見える場所はありますか？

ゲリー

出典

2011-06-26 Gerry

私が探しているものを見つけ出すのに問題があります。たぶん、あなたが指しているこのバンドがどこにあるのか少し詳しく説明してください。 – kinakuta

あなたは不正な形式のHTMLを持っています。これをHTMLバリデーターを通して実行します。要素を適切に閉じるのを忘れた。 – CamelCamelCamel

@Radagaisus：あなたは正しいですが、それを修正した後、私はまだそれ以上です。 UTF-8の悪魔は私を襲っています。 – Gerry

uがどこかにそれを引き起こしてthatsのスペースを持っているように、

も<div style="padding-bottom: 50px; padding-right: 50px; display: none; " id="colorbox" class=""> divの

した後、あなたの体の内側に頭タグを持っている

に見える

感謝<meta> <title>と<link>タグを先頭に移動する必要があります

出典

2011-06-26 01:16:02 Ascherer

...と、すべてのスクリプトタグがあります。何らかの理由がない限り、実際には ''にする必要があります。 –

これはブラウザの解釈です。私はその内容をセクションに入れました。 – Gerry

@ ETWW-Daveスクリプトタグは、実際には身体の中にあることができます。一般に、できる限り身体の基部に置くのがより良いアイデアです。 – Ascherer

ソースをHTMLバリデーターで実行しましたか？ログインページには、<div id="topSectionWWW">の終了タグがないようです。

出典

2011-06-26 01:29:36 spb

あなたは正しいです！ありがとう。 – Gerry

しかし、ホームページには私の古いUTF-8エラーがあります。私はちょうどそれを取り除くように見えることはできません。これは唯一のエラーですが、空のバンドがまだ残っているので、それが問題だと思います。これを修正する方法は？ – Gerry

それについてはわかりません。 Chromeでは、最初のメタタグのすぐ上に、ユニコード文字「ZERO WIDTH NO-BREAK SPACE」（U + FEFF）_が表示されます。それで実行してください。 – spb

Doctypeの前に何らかの非表示の文字があると思います。ブラウザが文書head（metaタグ、titleタグ）内にあると思われる要素とともに、body要素の空き領域をブラウザが表示しているという事実は、これで説明できると思います。このスクリーンショットあなたが問題を引き起こしているスペースを見ることができますが、私が言うように、私はスペースが実際にあなたのDOCTYPEが宣言され前を発生すると考えて

。

出典

2011-06-26 06:32:37

Jonathan、それはutf-8のマルチバイト文字のようです。メタタグはヘッダにあります。 http://validator.w3.org/check?uri=http%3A%2F%2Fwww.helpinghandspeople.comを実行してソースを表示すると、ヘッドセクションにメタタグとリンクが出力されていることがわかります。また、_Byte-Order MarkがUTF-8 File_で見つかったと表示されているのがわかります。そこにどうやって入るのか、どうやって取り除くのか分かりません。 – Gerry

ウェブページの上部に空白が表示されます

答えて

関連する問題