폭 문제가 발생한 Anythingslider

Anythingslider를 내 웹 페이지에 넣은 후 페이지와 일치하도록 슬라이드 쇼의 너비를 조정하려고하면 페이지가 다음과 같이 끝납니다. ->http://i.imgur.com/5AlHR.png 아무 것도 슬라이더 CSS로 어수선 해 보았습니다. , 내 자신은 아직 내가 뭘 할 수 있는지 잘 모르겠다. 어떤 아이디어?폭 문제가 발생한 Anythingslider

HTML :

<div id = "bodyContent-container"> 
    <div id = "bodyContent"> 
     <div id = "bands-container"> 
       <div id = "bands">    
        <img src="images/slide.jpg" width="960" height="300"/> 
        <img src="images/slide-2.jpg" width="960" height="300" /> 
        <img src="images/slide-3.jpg" width="960" height="300"/> 
       </div> 
     </div> 
    </div> 
</div>

CSS :

div#bodyContent-container { 
     width:100%; 
     height: 100%; 
     min-height:1200px; 
     background:#f3f3f3; 
     margin: 0 auto; 
     padding: 0; 
    } 
div#bodyContent { 
     width:960px; 
     height:100%; 
     min-height:1200px; 
     margin: 0 auto; 
     padding: 0; 
     -webkit-box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; 
     -moz-box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; /* Firefox 3.6 and earlier */ 
     box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; 
    padding-top: 250px; 
    } 
    div#bands-container { 
     width: 960px; 
     height:300px; 
     margin: 0 auto;  
     padding: 0; 
    } 
    div#bands { 
     width: 960px; 
     height: 300px; 
     margin: 0 auto; 
     padding-right: 30px; 
    }

웹 사이트 페이지 : http://andrewgu12.kodingen.com/graphicDesign 감사합니다! 25:

출처

2012-11-14 Andrew

당신이있어 대부분의 편집 :

orginal 한 미니멀 라운드 테마 :

/****************** 
    SET STYLING HERE 
****************** 
================================= 
Default state (no keyboard focus) 
==================================*/ 
/* Overall Wrapper */ 
.anythingSlider-minimalist-round { 
    margin: 0 auto; 
    /* 30px right & left padding for the navigation arrows */ 
    padding: 0 30px; 
}

t o :

/****************** 
    SET STYLING HERE 
****************** 
================================= 
Default state (no keyboard focus) 
==================================*/ 
/* Overall Wrapper */ 
.anythingSlider-minimalist-round { 
    margin: 0 auto; 
    /* 30px right & left padding for the navigation arrows */ 
    padding: 0; 
}

출처

2012-11-14 08:10:50

... 이제

는 left 또는 padding:0 30px;

right이 0

스타일theme-minimalist-round.css라인 더로30px을 대체하여 패딩을 제거

은 anythingSlider 미니멀 라운드 클래스의

.anythingSlider-minimalist-round { 
    margin: 0 auto; 
    padding: 0 ; 
}

출처

2012-11-14 08:02:41

만 제거 패딩 속성 등이 작업을 수행

출처

2012-11-14 08:09:14 redwind

폭 문제가 발생한 Anythingslider

답변

관련 문제