CSS离开:25%的浏览器不能正常工作?

时间:2012-10-15 07:01:41

标签: css

我在homepage

上有一个滑块图片

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

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

任何想法?

3 个答案:

答案 0 :(得分:2)

将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;}

答案 1 :(得分:0)

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

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

就像这样。

slider width

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

答案 2 :(得分:0)

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