css IE和firefox问题_Css_Css Sprites

css IE和firefox问题

css

css IE和firefox问题,css,css-sprites,Css,Css Sprites,我有一个按钮，我想在屏幕上的某个位置。问题是firefox有点向上，IE有点向下。我能做什么 .btn1{ clear: both; margin-top: 4%; margin-bottom: 0px; margin-right: 0px; margin-left: 740px; } 做一个普通的样式表，让它只在Firefox上工作。然后，执行以下操作： <!--[if IE]> <link rel="stylesheet"

我有一个按钮，我想在屏幕上的某个位置。问题是firefox有点向上，IE有点向下。我能做什么

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

做一个普通的样式表，让它只在Firefox上工作。然后，执行以下操作：

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

将此样式表设置为IE的特定样式表，以便该框在IE上看起来正确。

您之所以看到浏览器之间的差异，是因为您使用了%.%不同浏览器之间的计算和取整方式不同。尝试使用px或pt将其置于页面顶部：

<!DOCTYPE html>

你的HTML代码中有这个吗？

使用指定的样式表：

你知道你可以使用：

margin:4%0px 0px 760px


如果你想让东西水平居中，使用：margin:0px auto。原因760px可能在较低/较高分辨率下崩溃

您需要使用“CSS重置”。。。谷歌it:-）
每个浏览器都有自己的默认CSS，这就是问题所在；-）
 这不是一个解决方案，只是一个肮脏的变通办法。IE8+is对CSS有很好的支持，不使用CSS攻击。IE有单独的样式表是没有道理的。通过正确的标记/CSS组合，您可以避免IE使用特定的样式。“margin:0px auto；”-这在所有浏览器中都不起作用。IE6/7要求您使用文本对齐：居中；在包裹元素（或主体）上，并且在要居中的子对象上没有浮动，只要该子对象具有固定的宽度。然后将子项上的文本对齐重置为左侧，使所有内容不居中对齐。但更新后仍优于指定的边距；）我没有包括IE6/7文本对齐，因为这是一个大垃圾。不知道你说的更新是什么意思。但是，使用您推荐的方法只能解决某些浏览器中的问题，而不是所有浏览器中的问题：PAgreed:%s对于垂直测量来说真的没有用处。这更像是一件横向的事情。