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

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

【问题讨论】:

  • 我发现了您的问题:您正在使用表格进行布局。改用 CSS。

标签: html css html-table


【解决方案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。
猜你喜欢
  • 1970-01-01
  • 2018-08-14
  • 2013-05-24
  • 2014-05-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多