与Internet Explorer的Fancybox Iframe错误

时间:2012-10-10 00:05:54

标签: javascript jquery html css fancybox

我收到了Internet Explorer的错误。 iframe的大小不正确,它显示在页面的左上角而不是中心。

在Firefox和Chrome中,一切都运行良好。

尝试了很多事情,但我无法找到解决方案:(

请帮帮我。

你可以在这里看到IE8中的错误: http://www.ni-dieu-ni-maitre.com/v2/index_v2.php 点击标有" iframe"的链接在左上角

这是一个截图:

enter image description here

这是我的代码:

<head>
    <script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery-1.8.2.min.js\"></script>
    <script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery.fancybox.js?v=2.1.1\"></script>
    <link rel=\"stylesheet\" type=\"text/css\" href=\"http://www.$domain/scripts/jquery.fancybox.css?v=2.1.1\" media=\"screen\" />

    <script type=\"text/javascript\">
        $(document).ready(function() {
            $('.fancybox').fancybox();

            $('.fancybox').click(function() {
                $.fancybox.open({
                    href : 'iframe.html',
                    type : 'iframe',
                    padding : 5,
                    autoScale : false
                });
            });

    $(\".contactbox\").fancybox({

        openEffect : 'elastic',
        openSpeed  : 150,
        closeEffect : 'elastic',
        closeSpeed  : 150,
        closeClick : true,
        'overlayShow'    :    false,
        href : 'contact.php',
        type : 'iframe',
        padding : 5,
        autoScale : true,
        scrolling : 'no'
        frameWidth : 430,
        frameHeight : 380
    });

        });
    </script>

</head>
<body background=\"$background\" id=\"top\">

<a class=\"contactbox\" href=\"http://$domain/contact.php\">Iframe</a>

1 个答案:

答案 0 :(得分:4)

您的页面以怪癖模式呈现,因为您没有正确的HTML DTD声明。

F12 screenshot

如果你打开IE开发工具栏(F12),你可以看到它在标准模式下正确渲染。