包括php“;模板";向下移动
编辑:修复,将包括php“;模板";向下移动,php,html,css,Php,Html,Css,编辑:修复,将移动到顶部,并将外包零件替换为 我一直在创建一个小网站,当它的菜单栏开始变满时,我想把它“外包”到一个单独的文件中 <body> <div style="width:800px;margin:0px auto"> <!-- outsourced part --> <div style="height:50px;background-color:#ff0000"> Header </div
移动到顶部,并将外包零件替换为
我一直在创建一个小网站,当它的菜单栏开始变满时,我想把它“外包”到一个单独的文件中
<body>
<div style="width:800px;margin:0px auto">
<!-- outsourced part -->
<div style="height:50px;background-color:#ff0000">
Header
</div>
<!-- end of outsourced part -->
<div style="margin-top:10px;background-color:#00ff00">
hello world
</div>
</div>
</body>
所以现在代码是
<body>
<div style="width:800px;margin:0px auto">
<?php include('header.php') ?>
<div style="margin-top:10px;background-color:#00ff00">
hello world
</div>
</div>
</body>
你好,世界
现在,当我再次打开网站的标题和一切后,它已经向下移动。我怎样才能防止这种情况发生?我在XAMPP上安装了PHP5.6.14,在Linux服务器上安装了PHP5.3.3。上传了2个文件我测试了你的文件,我可以看到问题。通常这是因为页面中有一个不可见的字符。因此,进入Chrome调试器的Elements视图,展开代码。在标题
标记之前,可以找到以下内容
"
"
从调试器中,您可以删除它,您将看到页面再次显示良好。因此,清理您的2 php文件。一个是有一个看不见的角色
我相信原因是您的index.php文件在UTF8-BOM中编码,而header.php只是UTF8-请确保使用相同的编码以避免这些问题。您是否100%确定在复制时没有忘记某些内容,像关闭的
标记或任何东西?调用的文件还包含哪些内容?我完全按照我在开始时所描述的做了。如果我比较Firefox中网站的源代码,它们完全相同。此外,如果我检查该元素,则没有其他格式。您在其中包含了头文件。在顶部或结尾,您是否错过了结束正文标记?在真实环境中也可能是这样,但是我的.css文件是唯一一个用UTF8编码的没有BOM的文件,但是我添加到原始帖子中的修复在我注意到这一点之前就起了作用。编辑:对它进行了测试,当我将所有文件设置为UTF8而没有BOM时,你的修复程序也能正常工作。我只是注意到:作为一个德国人,这不是我想要的修复程序,因为它会弄乱所有的öüä
字符。
"
"