Html Firefox（chrome+；safari）和#x2B；迈尔斯复位

我的朋友帮我为我的网站做了一个新的设计，但后来得到了一份全职工作。网页设计不是我的强项，我不能让它在所有浏览器上都工作

所以现在，我的网站在Chrome和Safari上看起来不错。但是在FireFox中它被破坏了 http://dl.dropbox.com/u/22866203/sb%202/speedbump.css

我正在研究/尝试不同的CSS重置来解决这个问题（Meyers重置），但这似乎只会破坏Chrome和Safari中的页面

---

任何建议都将不胜感激

如果启动时未进行重置，则重置将无济于事。你特别的问题是你没有清理你的浮动。要解决此问题，请执行以下操作：

#social-media, hr { clear: both; }

---

顺便说一句，你有一个404错误的图像和许多其他警告。检查firebug或devtools。

如果启动时没有重置，则重置不会有帮助。你特别的问题是你没有清理你的浮动。要解决此问题，请执行以下操作：

#social-media, hr { clear: both; }

---

顺便说一句，你有一个404错误的图像和许多其他警告。检查firebug或devtools。

当我用firebug对您的站点进行了一些修改时，我注意到，如果您将属性

float:left

添加到一些div中，它会将站点安排得像在chrome中一样。
下载firefox的FireBug（很棒的工具）并按照您的要求安排浮动div

---

希望有帮助。

当我用firebug对你的站点进行了一些修改时，我注意到如果你在一些div中添加属性

float:left

，它会使站点看起来像在chrome中一样。
下载firefox的FireBug（很棒的工具）并按照您的要求安排浮动div

希望能有所帮助。

给出#包装溢出：隐藏并从上一个div和后一个div中删除边距顶部。

---

给出#wrapper overflow:hidden并从上一个div和后一个div中删除margin top。

问题是在正文文本（左）和绿色框（右）中有浮动元素，但父元素没有浮动，这意味着浮动元素不会影响其整体高度。另外，不要使用hr，而是使用边框

---

路径现在是相对于“我的文件夹”的，您需要将其更改回去。

问题是，正文文本（左）和绿色框（右）中有浮动元素，但父级未浮动，这意味着浮动元素不会影响其整体高度。另外，不要使用hr，而是使用边框

---

这些路径现在是相对于我的文件夹的，您需要将它们更改回来。

IDs必须是唯一的（#包装器）。我从上图中看到了它的四（4）个实例

改用类，因为它可以重复使用

.wrapper:after{
    visibility: hidden;
    height:0;
    display: block;
    clear:both;
    *zoom:1;
    content: '.';
}

---

IDs必须是唯一的（#包装器）我从上图中看到了它的四（4）个实例

改用类，因为它可以重复使用

.wrapper:after{
    visibility: hidden;
    height:0;
    display: block;
    clear:both;
    *zoom:1;
    content: '.';
}

---

如果答案更好，接受它。答案更好，接受它