html - 为什么只有 firefox 在使用 PHP 时表现得像我想要的那样？

Question

已解决:编辑为编码 -> 使用无 BOM 的 UTF-8 编码。

在我开始在我的网站上编写 php 代码之前，它在所有浏览器上看起来都很好。所以我犯了初学者常犯的错误，只在 mozilla firefox 中编写我所有的 php 代码...现在一切都一团糟。

如果我删除所有 php 代码，一切都会再次恢复正常，但这不是解决方案。

在 Firefox 中:

一切看起来都是它应该的样子，一切都很完美。

在谷歌浏览器中:

• 顶部和导航 div(position:fixed) 之间出现了空白。

• 帖子的内容超出了页脚

在 Safari 中:

• 顶部和导航 div(position:fixed) 之间出现了空白。

• 帖子的内容超出了页脚

最糟糕的是 IE:

• 导航 div 的行为不再像 position: fixed

• Youtube div 在页面底部

• 文字更粗

• 在一些 div 上添加了高度

• jquery slider 不工作，上面有一个 margin-top 和 bottom

为什么浏览器之间的差异如此之大？有什么好的解释吗？这让我非常沮丧，因为我正要完成这项工作。

Answer 1

错误出在您的 PHP 脚本输出的 HTML 中，而不是 PHP 本身。所以我会查看您网页的输出源代码，看看正在生成什么，以及它与您之前拥有的平面 HTML 网站有何不同。问题可能是缺少/损坏的标签，因此通过 W3C 验证程序运行整个过程(PHP 输出的 HTML 源代码)，您可能会发现 PHP 脚本的哪一部分给您带来了错误/损坏的 HTML。