渲染问题FireFox

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

来源

2011-01-08 Alexandre Cassagne

我发现你的问题：你正在使用表格进行布局。改用CSS。 – 2011-01-08 16:46:08

所有的答案建议你重做你的网站没有表是正确的 - 你应该这样做。

但是，为了帮助你得到你目前有工作的现场，这里是解决问题的方法：

在style.css，改变p{margin:.0 0 .3em 0;}到p{margin:0 0 .1em 0}。

来源

2011-01-08 16:58:29 thirtydot

我没有用FF检查Mac上的网站。使用Web开发人员工具，我发现有许多不够准确或不正确的html。你是如何创建网站的？

尝试在FF中使用Firebug，激活它并逐步禁用样式以查看它是如何产生边缘/填充问题的。

来源

2011-01-08 16:16:37 YvesR

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

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

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

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

来源

2011-01-08 16:21:17 Oded

但为什么photoshop为该网站生成一张表格？ – 2011-01-08 16:26:59

@Alexandre Cassagne - 一个自动化的工具永远不会做一个知道自己在做什么的人。由一些最常用的图形软件生成的代码往往是相当可怕的。 – Oded 2011-01-08 16:27:42

渲染问题FireFox

回答

相关问题