2013-08-19 18 views
-1

我有一个简单的对象,我希望显示在我的页面的某个位置。CSS保证金在浏览器之间的不同位置显示

代码:

.DownloadBtn 
{ 
    height:35px; 
    width:150px; 
    background:#09F; 
    display:block; 
    position:absolute; 
    margin:280px 60px; 
} 

<a href="/products.html" class="DownloadBtn">Download Now</a> 

这在火狐上完美的位置,显示我的下载按钮。 但是,在谷歌浏览器中,它在左侧滑动得更多。 IE上的 ,它在左侧滑动得更多。

所以基本上,它是一种像这样:

火狐:-------- -------- DownloadNow

铬:---- DownloadNow --- --------

IE:--DownloadNow -------------------

有没有一种方法可以让我在一个拥有它秒所有浏览器的位置? 感谢您的帮助!

+0

它保持在我电脑上所有浏览器的相同位置。 – Cameron

+0

否定:谨慎解释?嗯...它不是我的,因为某些原因.. – noobHERE

+0

哪个版本的IE?每种情况下有多少像素?截图?小提琴重现了这个问题? – FelipeAls

回答

0

可以使用

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

我正在谈论IE8 +,我不认为他们会要求IE特定的样式表。这仍然不能解决铬问题。 – noobHERE

0

你有没有尝试过这样的事情在CSS加载IE特定的样式表

margin-left:auto; 
margin-right:auto; 
0

我不知道这是否是有效的方式,但我已经固定它使用margin:auto属性。 请参阅我的示例下面的代码。

.downloadbtn 
{ 
    margin: 0 auto; 
    padding: 0; 
    position: relative; 
    right: 400px; 
    top: 200px; 
} 
相关问题