Firefox/IE 中的 CSS 问题答案

【问题标题】：CSS Issue in Firefox/IEFirefox/IE 中的 CSS 问题
【发布时间】：2011-01-31 07:36:50
【问题描述】：

我正在处理网站的 CSS，但遇到了正文页边距部分的问题。如果您在 Firefox 和 IE 中查看此内容，您会发现该行在 Firefox 中并没有正确排列，但它在 IE 中。（在黑色标题部分）。

这是我的body标签，这是有边距的东西，我无法弄清楚：

body {
    margin: -2px;
    padding: 0px;
    background: #E7E7E7 url(images/bg01.jpg) repeat-x left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #888888;
}

感谢您的任何回复！

【问题讨论】：

好吧，我们实际上看不到效果......
因为 bg01.jpg 是本地文件。如果您可以将该图像放在 imgur.com 上并提供链接，那么这是可能的。
哎呀，对不起，这是链接：nickelsonassociates.com/new
你的意思是顶部有空隙吗？提供一个最小的工作示例或显示问题的链接...
您在测试什么版本的 Firefox 和 IE？

标签： html css internet-explorer firefox

【解决方案1】：

您已将带有文本“Nickelson Associates”的图像放置在一个表格单元格中，默认填充在 MSIE 中为 1px。您需要强制有问题的td 元素具有padding 的0。

也就是说，使用表格进行布局/定位被认为是bad practice。

【讨论】：