渲染问题 FireFox答案

【问题标题】：Rendering issue FireFox渲染问题 FireFox
【发布时间】：2011-06-05 19:23:11
【问题描述】：

我正在创建一个网站，它在 Firefox 和 Safari 中看起来不同。这是网站http://storminacupcake.com/ 的链接，您会看到有一个小问题：在 Safari 中看起来不错，但在 Firefox 中的单元格之间有一个小的差距。有人可以告诉我我做错了什么吗？谢谢，亚历克斯

【问题讨论】：

【解决方案1】：

所有建议您在没有表格的情况下重做网站的答案都是正确的 - 您应该这样做。

但是，为了帮助您获得当前正在运行的网站，以下是您的问题的解决方案：

在style.css 中，将p{margin:.0 0 .3em 0;} 更改为p{margin:0 0 .1em 0}。

【讨论】：

我最初写的是.2em，但后来我在 IE 中检查了它——它看起来仍然是错误的。 .1em 使它在 Safari、Firefox 和 IE、Chrome 中看起来可以接受。
非常感谢！你只是让我免于重新做这件事。即使我很欣赏所有答案，我还是选择了这个，因为它解决了我的问题。不过谢谢大家的回答，下次我会做的，非常感谢三十点！

【解决方案2】：

您不应该使用表格进行布局 - 如果您有应该采用表格格式的信息，请使用它们，但不要用于布局。

您应该使用 CSS 进行布局。如何做到这一点有很多tutorials。

此外，您应该寻找一个好的reset CSS - 这将确保基本样式在所有浏览器中都是相同的。

【讨论】：

但是为什么 Photoshop 会为网站生成表格？
@Alexandre Cassagne - 自动化工具永远不会像知道自己在做什么的人那样好。一些最常用的图形软件生成的代码往往相当可怕。
我明白了。看来我要花很长时间才能完成这项工作:(
@Alexandre：是什么让您想到 Photoshop 是一种网络创作工具？它是一个很棒的图像编辑器，但它不是用来设计整个网页的。它唯一知道如何做的是图像。这就像在 Microsoft Excel 中制作时问为什么您的时事通讯有行和列。嵌入图表很棒；在 Excel 中设计时事通讯是一种折磨。如果您需要所见即所得，请尝试 Dreamweaver。

【解决方案3】：

我确实使用 FF 在 Mac 上检查了该网站。使用网络开发人员工具，我看到有许多不需要或不正确的 html。您是如何创建网站的？

尝试在 FF 中使用 Firebug，逐步激活它并禁用样式，看看是什么导致了边距/填充问题。

【讨论】：

我会照你说的做，但你能告诉我哪些代码是不需要的吗？我没有很多经验，但基本上我使用的是 Photoshop 生成的网站（我正在从事的项目是由一个绘图师制作的，他创建了整个设计，我要求他从 photoshop 中导出 HTML）。之后，我制作了一个 CSS 文件，在其中输入了所有图像作为背景图像，然后用我在 CSS 中制作的所有 div 更新了 HTML。