-4

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

左下角的花式框图片链接到 YT 视频。

它在 FF 和 Chrome 中运行良好。

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

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

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

我回来编辑这篇文章以提高它的质量。低质量的帖子导致我被禁止，所以我正在努力恢复自己！

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

对不起，伙计们……如果我离开了禁止名单，我保证会做得更好！

4

1 回答 1

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>标签内。

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

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

于 2012-12-18T01:36:48.643 回答