0

什么可能导致页面顶部出现空白

我想提供照片以进行澄清，但由于在 stackoverflow 中的声誉较低，我无法上传它。我使用 Smarty 作为 php 模板引擎。

<html>
    <head>
        {include file="_js.tpl"}
        <title>{$title|escape}</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        {literal}
            <style type="text/css">
                body{
                    margin:0;
                    padding:0;
                    display: block;
                    font-family: arial;
                }

                #main_iframe 
                {
                    position: relative;
                    width: 100%;
                    height:665px;
                    border:0px;         
                }

                #iframe_setting{
                    padding-left: 220px;
                    background: url('{/literal}{$vir_img}{literal}background.png');
                }
                #content-wrapper{
                    height: 665px;
                    padding-left: 10px;

                }

            </style>

            <script type="text/javascript">
                $(document).ready(function(){
                    $("button#logout").click(function(){
                        window.location = "{/literal}{$url_app}{literal}?m=account&c=do_logout";
                    });

                });

                function go(loc)
                {
                    document.getElementById('main_iframe').src=loc;
                }

                function go3(loc)
                {
                    document.getElementById('iframeid').src=loc;
                }
            </script>
        {/literal}
    </head>
        <body>{include file="header.tpl"}
                <div style="position:absolute;z-index: 999;">
                    {include file="sidebar.tpl"}
                </div>
                    <div id="iframe_setting">
                        <div id="content-wrapper">
                            {$content}
                        </div>
                    </div>
                    {include file="footer.tpl"}
        </body>
</html>
4

1 回答 1

1

使用notepad++，确保此文件中包含的所有文件以及其本身都是“在没有 BOM 的情况下以 UTF-8 编码”。为此，请执行以下操作：

在 Notpad++ -> (menu) Encoding -> (click) Encode in UTF-8 without BOM

如果您使用 UTF8 字符并将文件保存为 UTF8，通常会发生这种情况。然后，将有三个不可见的字符导致该空白。

于 2013-05-10T04:07:24.290 回答