在我想要使用的模板上的Firefox和IE上的对齐问题

Question

我是后端开发人员，对前端知之甚少，我正在尝试使用以下模板开发应用程序。

http://p.w3layouts.com/demos/cuisine/web/

这个模板工作得很好，但是在firefox和IE上它有一些对齐问题。我真的需要帮助，已经花了很多时间在模板中弄清楚我们的错误但没有任何线索，请指导我!!

Answer 1

试试这个：

.top-header {
    /* margin-top: -456px; */
    position: relative;
    top: -456px;
}

使用margin-top和top

而不是position: relative;

当然，您还必须使用此方法调整其余代码：）

就像这样：

.top-grids {
    /* margin-top: 279px; */
    top: -178px;
    position: relative;
}