CSS离开：25％的浏览器不能正常工作？

Question

我在homepage

上有一个滑块图片

出于某种原因，在Firefox和Safari中，图像显示在右侧。在Chrome中，它正在中心显示。

我认为这取决于定位，但我尝试过的改变似乎有所帮助。

任何想法？

Answer 1

将CSS更改为：

#slider-container{ 

width:960px;
position: relative;
overflow:hidden;
height:300px;
z-index:100;
border-bottom:1px solid #2b292d; padding-bottom:20px;
text-align: center;
margin: 0px auto;
}


#content-wrapper{ position:relative; z-index:200; bottom:-50px;}

Answer 2

..............

您好现在定义幻灯片ID left 50%并提供给margin-left: - half的{​​{1}}

就像这样。

slider width

结果为http://i.imgur.com/b4a0X.jpg

Answer 3

将元素的margin属性设置为0 auto，然后将父元素的text-align属性设置为center