热心的朋友啊能进来帮一下忙吗为什么中间位置框架移位 。附图

2016-07-07 16:38 来源:www.chinab4c.com 作者:ecshop专家

请教为什么中间位置框架移位。左边没东西顶住中间就会往左偏移。之前改过一下CSS的宽度。直接发附件算了。版主麻烦帮我删了下面两贴吧太长了看着太累。以解决css有两个位置错了
2.jpg

地址 www.maxup.com.cn
style.rar (5.17 KB)


回答:
/*===========================================
页面中间部分
===========================================*/


/*===========================================
页面中间部分
===========================================*/

#outer_wrapper {
background: #ffffff;
width:980px;
margin:0 auto;
}
#wrapper {
}
#container {
width: 100%;
float: left;
margin-right: -240px;
margin-bottom:10px;
}
#content {
margin-right: 227px;
margin-top:6px;
}
#main {
margin-left: 200px;
padding-right: 2px;
padding-left: 2px;
}
.flash {
float:left;
width:100%;
border:1px #ffffff solid;
}
.float-left {
float:left;
}
.market-price {
background-image:
}
.goods-table {
border:1px solid #ddd;
border-collapse:collapse;
width:96%;
}
.goods-table th {
width:20%;
text-align:right;
}
.title-03 {
width:100%;
margin:2px auto;
float:left;
background: url(images/title_03_bg.gif) repeat-x top;
border:1px #333 solid;
}
.title-03 .title {
padding-left:15px;
float:left;
margin-top:8px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.title-03 .more {
float:right;
margin-top:12px;
margin-right:10px;
color:#fff
}
.title-03 .box {
margin-top:31px;
}
/*===========================================
页面左边
===========================================*/
#left {
width: 205px;
float: left;
clear:both;
}
.title-01 {
height:29px;
width:203px;
background-image:url(images/title_01_bg.gif);
}
.title-01-title {
padding-left:15px;
padding-top:8px;
font-size:14px;
font-weight:bold;
color:#fff;
}
#category-tree {
width:201px;
border-left:1px #666666 solid;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
background-color:#fff;
margin-bottom:8px;
}
#category-tree ul {
list-style-type:none;
}
#category-tree h3 {
padding:6px 0 5px 27px;
margin-bottom:3px;
border-bottom:1px #E9ECE0 solid;
border-top:1px #E9ECE0 solid;
background-color:#F3F6EB;
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: 12px center;
}
#category-tree .yiji {
float:right;
margin:-22px 10px 0 0;
width:20px;
height:20px;
background: url(images/zhedie.gif) no-repeat right top;
cursor:n-resize;
}
#category-tree .yiji2 {
float:right;
margin:-22px 10px 0 0;
width:40px;
height:20px;
background: url(images/menu_minus.gif) no-repeat right top;
cursor:hand;
}
#category-tree .erji li {
padding-left:30px;
padding-top:2px;
padding-bottom:3px;
border-bottom:1px #F3F6EB solid;
margin-bottom:3px;
background-image:url(images/erji.gif);
background-repeat: no-repeat;
background-position: 15px 4px;
}
.title-02 {
width:98%;
margin-bottom:8px;
padding-bottom:5px;
border:1px #666666 solid;
background-image:url(images/title_02_bg.gif);
background-repeat: repeat-x;
background-position: top;
clear:both;
}
.title-02 .title {
padding:8px 2px 0 15px;
font-size:14px;
margin-bottom:10px;
font-weight:bold;
color:#CD6702;
}
.title-02 .more {
text-align:right;
padding-right:10px;
}
.title-02 ul {
padding-left:10px;
list-style:none
}
/*用户中心*/
.title-02 .user-menu {
padding-left:41px;
list-style-type:circle;
}
.title-02 .user-menu a {
font-size:14px;
}
.title-02 li {
line-height:180%;
}
.top10-li-1 {
background-image:url(images/top_1.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left:17px;
line-height:180%;
}
.top10-li-2 {
background-image:url(images/top_2.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-3 {
background-image:url(images/top_3.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-4 {
background-image:url(images/top_4.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-5 {
background-image:url(images/top_5.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-6 {
background-image:url(images/top_6.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-7 {
background-image:url(images/top_7.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-8 {
background-image:url(images/top_8.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-9 {
background-image:url(images/top_9.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
.top10-li-10 {
background-image:url(images/top_10.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left:17px;
}
/*===========================================
页面右边
===========================================*/
#right {
width: 205px;
float: right;
margin-top:6px;
}
.brands {
background: url(images/cat_arrow.gif) no-repeat 1px center;
border:1px #ddd solid;
width:172px;
margin-bottom:2px;
padding:5px 2px 5px 18px;
;
text-align:left;
}
.promotion_goods {
}
.new-articles {
height:125px;
min-height:125px;
}
*html .new-articles {
height:125px;
}
.new-articles span a {
color:#CD6702
}
#ECS_VOTE {
padding:0 5px;
}
.new-articles li {
white-space:nowrap;
width:170px;
line-height:160%;
text-overflow:ellipsis;
overflow:hidden;
}