热心的朋友啊能进来帮一下忙吗为什么中间位置框架移位 。附图
2016-07-07 16:38 来源:www.chinab4c.com 作者:ecshop专家
请教为什么中间位置框架移位。左边没东西顶住中间就会往左偏移。之前改过一下CSS的宽度。直接发附件算了。版主麻烦帮我删了下面两贴吧太长了看着太累。以解决css有两个位置错了 地址 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; } |
最近更新
常用插件
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
ecshop热门问答
ecshop热门资料
ecshop企业邮箱
ecshop立即节省
ecshopFLV
ecshop手机中国
ecshop分类模板
ecshop媒介
ecshop回车
ecshoplogo
运营ecshop网店
ecshop颜色选择
ecshop非常
JavaBridge
ecshop管理工具
ecshop800
ecshop买卖
ecshop冲突
ecshop物流跟踪
ecshop推荐
ecshop程無法
ecshopCESHOP
ecshop不大不小
ecshop的详细页面
ecshop开工
ecshopEC助手
ecshop省委常委
ecshop加入收藏
ecshop零售业
ecshop解决方法
ecshop神奇
ecshop配送与支付