다른 페이지 크기에서 고정 폭 jquery 회전식 div의 끝을 숨기기

Question

내가 무엇을 요구하고 있는지 확신 할 수 없기 때문에 전문가의 조언을 구할 수 있습니다.

http://proof.jiujitsu.co.za/index.html

난 JQuery와 컨베이어를 포함하는 고정 폭 DIV있다.

회전식 메뉴는 기본 페이지 콘텐츠보다 넓습니다.

페이지가 더 작은 해상도의 화면 (예 : 1280 x 1024)에로드되면 나머지 페이지는 예상대로 이동하지만 분명히 캐 러셀 div는 그렇지 않습니다.

중간 3 개의 마스크되지 않은 이미지가 페이지 내용의 나머지 부분과 나란히 있고 두 개의 외부 마스크 된 이미지가 화면에서 사라지도록 회전 장치를 '이동'할 수 있습니까?

가능한 경우 어디에서 시작할 것입니까, js 또는 css입니까?

Answer 1

는 다음을 변경할 수 있습니다 :

.slider_layout { 
    width: 1605px; 
    margin: 0 auto; 
    overflow: hidden; 
} 

을 다음과 :

.slider_layout { 
    width: 1605px; 
    overflow: hidden; 
    position: relative; 
    left: 50%; 
    margin-left: -802px; 
} 

어떤 해상도를 중심으로하여 회전 목마를 유지합니다 어느.