0

我已经让我的网站完全支持 Google Chrome 而不是 Firefox 或 IE。打电话给我，因为现在我发现这不是很聪明：我的网站在 Firefox 上看起来完全不同。

没有太大的差异，但是很多项目错位了几个像素。这听起来并没有那么糟糕，但确实如此。例如，这是 Chrome 显示页面的方式（看红色按钮）：http ://d.pr/i/YNha和这个：http ://d.pr/i/8YZO是 Firefox 显示页面的方式。如您所见，图像的位置存在一些差异。

我真的不知道是什么原因造成的，我已经在网上搜索过类似的问题，但没有找到任何解决方案。

这是用于图像的 CSS：

.img (
margin-top: -130px;
margin-left: 520px;
}

任何帮助，将不胜感激。

更新 HTML 和 CSS：

    <div style="background-image: url(http://linehotel.org/c_images/veiling_item.png);                    height: 401px; border-radius: 10px;">

    <div style="color: white; padding: 12px;">
    <center><img src="/c_images/veiling_teas.gif" /></center>

    <img src="/c_images/bod_teas.gif" /><br>
    <h1>
    <div style="z-index:1;width: 64px; height: 96px; float: left; margin-top: -25px; background: url(http://habbo.it/habbo-imaging/avatarimage?figure=sh-295-85.hr-802-31.ch-3015-82.hd-180-2.lg-275-92&amp;gesture=sml&amp;size=b&amp;img_format=gif);"></div>
    Xice:                <br>0 credits</h1>
    <a href="/bied-mee"><img src="/c_images/closed.png" style="margin-top: -130px; margin-left: 520px;" /></a>
    </div>
    </div>
    <meta http-equiv="refresh" content="5;URL='/veiling'">
    <center><font size="1px"><i>De pagina update in real-time. Je hoeft zelf niet de pagina te herladen.</font></i></center>
4

1 回答 1

-1

由于缺乏信息，这不是确定的，但这是我的答案。

浏览器对边距、填充和其他 css 样式使用不同的默认值。为了帮助您的网站在每个浏览器中呈现相同的效果，您可以尝试使用 reset css。这是一个例子，

* {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: "Trebuchet MS"
}

这将为屏幕上的每个元素设置值，有效地忽略任何浏览器默认值。然后任何类和内联样式依次覆盖这些。

有关更多扩展的重置样式，请查看此处，http://www.cssreset.com/

于 2013-02-26T13:11:52.287 回答