滑块通过增加Web浏览器的缩放来自框架

时间:2014-09-20 14:04:49

标签: html css opencart

我的网站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;
}

1 个答案:

答案 0 :(得分:0)

问题不在滑块中,而是在整个布局中如果您在%中设置背景然后在%

中设置容器
.primary-define .wrapper {
    width: 80%; /*changed by yuvi 1160*/ /*second change - 1060*/
    margin: 0 auto; /*0 10px*/
    /*position: relative; added by yuvi*/

}