我的网站King Adler Ecommerce Website上的滑块来自于放大浏览器的包装器。我在Google Chrome,Mozilla和IE上测试过它,到处都是一样的。我想我必须在包装器或滑块的浮动属性中的某处进行一些小改动。但是,我不知道如何实现这一目标。请尽可能少地帮助我解决这个问题。
/* LAYOUT */
.primary-define .wrapper {
width: 950px; /*changed by yuvi 1160*/ /*second change - 1060*/
margin: 0 auto; /*0 10px*/
/*position: relative; added by yuvi*/
}
.primary-define #column-left {
float: left;
width: 240px;
}
.primary-define #column-right {
float: right;
width: 240px;
}
.primary-define #column-left + #content,
.primary-define #column-right + #content {
float: right;
width: 650px; /*editing by yuvi*/
}
.primary-define #column-left + #content {
margin-left: 60px;
}
.primary-define #column-right + #content {
margin-right: 60px;
}
.primary-define #column-left + #column-right + #content {
width: 520px;
}
.primary-define #content form {
margin: 0;
}
/* CONTAINER */
.primary-define #container {
z-index: 1;
padding-top: 30px;
position: relative;
background-color: #fff;
border-bottom: 1px solid transparent;
}
答案 0 :(得分:0)
问题不在滑块中,而是在整个布局中如果您在%中设置背景然后在%
中设置容器.primary-define .wrapper {
width: 80%; /*changed by yuvi 1160*/ /*second change - 1060*/
margin: 0 auto; /*0 10px*/
/*position: relative; added by yuvi*/
}