0

在我将anythingslider 放入我的网页之后，在我尝试调整幻灯片的宽度以匹配页面之后，页面最终是这样的 - > http://i.imgur.com/5AlHR.png 我试过弄乱使用任何滑块 CSS 和我自己的，但我不太确定我能做什么。有任何想法吗？

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

4

3 回答 3

2

您在这里编辑最多：Minimalist Round 主题

原件：

/******************
  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;
}

到 ：

/******************
  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-14T08:10:50.783 回答
1

... 现在

删除到您的填充 left或right padding:0 30px;

替换 30px成0

样式表 theme-minimalist-round.css 行号：25

像这样做 

.anythingSlider-minimalist-round {
    margin: 0 auto;
    padding: 0 ;
}
于 2012-11-14T08:02:41.163 回答
0

只需删除anythingSlider-minimalist-round 类的填充属性

于 2012-11-14T08:09:14.183 回答