2012-05-22 4 views
2

내 페이지에 jquery 슬라이더가 있습니다.이 슬라이더는 페이지가 너비에 맞춰지기에 충분할 때 가운데에 정렬되어 있지만 창의 왼쪽 가장자리와 정렬되고 크기가 작을 때 이동합니다. 아래는 나의 CSS이다 - 나는 무엇인가 놓치고 있냐?CSS가있는 가운데 jquery 슬라이더

#billboardWrapper {height:600px;width:100%;margin:-170px 0 0 0px; position:relative; overflow:hidden; /*border-width: 0 20px 20px 20px; border-style:solid; border-color: {{settings.billboard_color}}; /* can't use border shorthand. IE9 has a rendering bug, see more notes in the ie8.css file */ } 

#billboard {height:600px;width:1000px;position:relative;/*background:#1c1c1c;*/ background-position: 50% 0pt;} 

#billboardPrev, 
#billboardNext { display:block; text-indent:-9999px; position:absolute; left:40px; top:270px; width:30px; height:30px; cursor:pointer; background: url(arrows.png) no-repeat 0 0; z-index:99;} 
#billboardNext {left:auto; right:40px; background-position:0 -92px; } 

.slide {height:600px;width:1000px;display:none; } 
.slide img {height:600px; width:100%; background-position: 50% 0pt; 
.slideLeftLayout .slideTitle,.slideLeftLayout .slideText,.slideLeftLayout .slideLink {left:50px;} 
.slideRightLayout .slideTitle,.slideRightLayout .slideText,.slideRightLayout .slideLink {right:50px;text-align:right;} 
+1

죄송합니다, 여기 무슨 문제가 있습니까? –

답변

5

아마도 그것은 더 큰 화면에서 우연히 중심. 일반적으로 중심으로

당신이있을 때 작동합니다

내가 볼 수없는
width: (any-FIXED-WIDTH-value); - Good spot Bram Vanroy ;) 
margin: auto; 

...

당신은 정말 너무 당신의 HTML을 추가해야하고, 가능하면 것은 jsfiddle를 시작하고 링크를 포함한다. 이렇게하면 다른 사용자가 함께 놀 수 있고 해결할 수 있으며 코드를 더 잘 이해할 수 있습니다.

희망 하시겠습니까?

+0

아무 가치도 없습니다! '자동'은 div의 중심에 있지 않습니다. '고정 폭'이 더 좋을 것입니다. –

+0

@rick donohue는 중심을 잡았지만 화면 해상도가 더 낮 으면 더 많은 문제를 해결해주었습니다. 새롭고 향상된 질문을 게시했습니다. http://stackoverflow.com/questions/10717424/centering-body-and-big-slider – bikeechick