Question

该网站位于http://www.educationinterface.com/

左下角的fancybox图片链接到YT视频。

它在FF＆amp;铬。

在Safari中，视频右侧有额外的空白区域。它在调整视口大小时自行纠正。

在IE中视频很小，窗口在左上角。您可能需要向上滚动才能看到它。

=============

我回来编辑这篇文章以提高其质量。质量差的帖子导致我被禁止，所以我试图恢复自己！

此处的fancybox问题是由代码中的结构问题引起的，包括在doctype为7声明之前出现head元素。我继承了网站及其代码，但我仍然应该更正结构，看看是否解决了问题。相反，我采取了简单的方法来到这里。

对不起，伙计......如果我下了禁止名单，我保证会做得更好！

Answer 1

嗯，DOCTYPE应该是你的html文档的第一行，但你之前有一堆前面的东西：

<title>Education Interface | Healthcare Industry Web-Enabled Online Training</title>

<meta name="keywords" content="Education Interface, healthcare, web enabled, online training, learning management system">

<meta name="description" content="Education Interface specializes in providing web-enables online learning to the healthcare industry. We provide solutions that include training, a learning management system, and customized content creation. ">

<style type="text/css">
    #errorMessage
    {
        color:red;
        font-size:10;
        font-weight:bold;
    }
</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

....实际上应放在<head>标签内。

因此，您的页面以怪癖模式运行，因此Safari和IE中的格式不正确（fancybox要求您的页面在标准模式下运行才能正常工作）

有一个名为“验证服务”的工具可让您快速找到这些错误http://validator.w3.org/check?uri=http://www.educationinterface.com/

fancybox 2.1.3问题：IE＆amp;苹果浏览器

1 个答案: