網頁在頂部顯示空白區域

在Chrome中，網站http://www.helpinghandspeople.com在頁面頂部有一個16像素的空白區域（背景顏色顯示）。網頁在頂部顯示空白區域

它不應該在那裏，但我不知道如何讓它消失。在Firefox中，主頁顯示正常，但登錄和其他一些頁面顯示24像素的樂隊。

查看源代碼和運行檢查元素沒有幫助。

有沒有人有建議去哪裏看？

感謝

格里

來源

2011-06-26 Gerry

我很難搞清楚我應該在找什麼。也許給你多一點描述你指的是這個樂隊。 – kinakuta

您的HTML格式不正確。通過HTML驗證器運行它。您忘記正確關閉元素。 – CamelCamelCamel

@Radagaisus：你是對的，糾正後，我仍然沒有進一步。 UTF-8魔鬼一直在追我。 – Gerry

看起來像你有空間的地方這就是導致它，

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

也，你有你的身體裏面head標籤

您應該將<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確實在第一個元標記上方顯示了一個高Unicode字符_ZERO WIDTH NO-BREAK SPACE'（U + FEFF）。運行。 – spb

我猜你在doctype之前會出現某種隱藏字符。瀏覽器在body元素中呈現空白空間以及應該在文檔head（meta標記，title標記）中的元素，我認爲可以用這個來解釋。

enter image description here

在這個截圖可以看到，造成問題的空間，但正如我說，我覺得空間實際發生時聲明瞭DOCTYPE之前。

來源

2011-06-26 06:32:37

Jonathan，它似乎是一個utf-8多字節字符，並且元標記位於標題中。如果您運行http://validator.w3.org/check?uri=http%3A%2F%2Fwww.helpinghandspeople.com並顯示源代碼，您將看到我正在輸出頭部分中的元標記和鏈接。你也會看到它說在UTF-8 File_中找到_Byte-Order Mark，我不知道它是如何進入或如何擺脫它的...... – Gerry

網頁在頂部顯示空白區域

回答

相關問題