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造成宽度问题

回答

相关问题