css IE和firefox问题

时间:2011-03-30 17:29:21

标签: css css-sprites

我在屏幕上的某个位置有一个我想要的按钮。问题在于firefox有点上升,在IE中有点下降。我该怎么办?

.btn1{
    clear: both;
    margin-top: 4%;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 740px;
}

5 个答案:

答案 0 :(得分:1)

您看到浏览器之间存在差异的原因是因为您使用的是%。 %在不同浏览器之间计算和舍入不同。尝试使用px或pt

答案 1 :(得分:0)

做一个普通的样式表,使其适用于Firefox。然后,这样做:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="your-stylesheet-here.css" />
<![endif]-->

使这个样式表成为IE的特定样式表,以便该框在IE上看起来正确。

答案 2 :(得分:0)

将它放在页面顶部:

<!DOCTYPE html>

答案 3 :(得分:0)

  1. 您的HTML代码中有这个吗? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  2. 使用指定的样式表:

    <!--[if IE]> <link rel="stylesheet" href="ie.css" /> <![endif]-->

  3. 您知道可以使用:margin: 4% 0px 0px 760px;吗?

  4. 如果您想要横向居中使用:margin: 0px auto;。原因760px可能会在较低/较高分辨率下崩溃。

答案 4 :(得分:0)

你需要使用“CSS重置”...谷歌为它:-) 每个浏览器都有自己的默认CSS,这就是问题所在; - )