Fancybox出現在頁面底部時，網站是wordpress

我最初建立了一個靜態網站，現在正在將其轉換爲wordpress網站。你可以找到它here右側欄中的最後一張圖片點擊後，應打開一個fancybox並播放視頻。它在靜態網站中運行得非常好，但出於某種原因，在WordPress中，框出現在頁面的底部而不是中心。我很確定它看到了CSS，因爲我可以點擊鏈接並找到它。Fancybox出現在頁面底部時，網站是wordpress

來源

2012-12-20 ed209

如果您指的是視頻，它似乎可以在Chrome中使用，您正在使用哪種瀏覽器？ –

它的工作原理，但它出現在頁面的底部，而不是中心（垂直和水平）我有Firefox，鉻和IE瀏覽器，它不適用於我的任何一個。 – ed209

這是你的頁面的驗證結果

http://validator.w3.org/check?uri=http://training.mercury.stellarbluewebdesign.com/LittlestTumorFoundation/

注意評論：

Byte-Order Mark found in UTF-8 File. 
The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files 
is known to cause problems for some text editors and older 
browsers.

還要注意

Line 1, Column 1: Non-space characters found without seeing a 
doctype first. Expected <!DOCTYPE html>

通過傳遞你的代碼ED itor在ansi模式（和顯示所有的符號），這是我得到：

enter image description here

這些文檔中的DOCTYPE之前隱藏字符前面讓你的瀏覽器中運行怪癖模式，因此的fancybox的意外行爲（需要標準模式下的文檔才能正常運行）

你需要做的是使用UTF-8 without BOM編碼將你的WP（php）文件保存在編輯器中，然後再次上傳（也可以強制你的ftp軟件以二進制上傳模式）

來源

2012-12-20 18:40:30 JFK

聖靈耶穌你怎麼知道這一點。在未來的幾十年裏，我從來都不會想到要看這個。 – ed209

@ user1815207：你應該對麻煩的網站做的第一件事是驗證;） – JFK

Fancybox出現在頁面底部時，網站是wordpress

回答

相關問題