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 謝謝！

來源

2012-11-14 Andrew

你最有編輯在這裏：簡約的圓形主題

原單：

/****************** 
    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或rightpadding:0 30px;

更換30px到0

樣式theme-minimalist-round.css行號：25

做到這一點像anythingSlider極簡輪類的此

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

來源

2012-11-14 08:02:41

只是刪除填充屬性

來源

2012-11-14 08:09:14 redwind

Anythingslider造成寬度問題

回答

相關問題