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

回答

相关问题