求助首页产品栏宽度和产品内容宽度在哪里。高难度（已解

k21265471 · 发表于 2011-8-1 10:26:26

本帖最后由 k21265471 于 2011-8-2 17:05 编辑

版主你好，我自己弄了半天也没搞好，希望你帮帮我

这个模板总宽度是1024
产品栏（①）宽度是750

我下面的产品因为宽度被限制了第3个产品只能显示一半

/*--- 左侧 ---*/
#left{width:750px;float:right;_display:inline;overflow:hidden; }
#left .blk_t{font-size:13px;height:33px;line-height:33px;background:url(../images/left_class_bg2.jpg) repeat-x;text-indent:25px;color:#000; font-family:"Microsoft Yahei"; overflow:hidden;}
#left .art_list_con, #left .prod_list_con{padding:8px; zoom:1; overflow:auto;}
#left .art_list_con ul li{border-bottom:1px dashed #CCC; height:30px; line-height:30px;}
#left .art_list_con ul li .l_title{float:left; width:460px; height:30px; overflow:hidden; background:url(../images/news_arrow.gif) no-repeat left; background-position:0px 12px;*background-position:0px 10px;_background-position:0px 10px; padding-left:15px; }
#left .art_list_con ul li .n_time{float:right; color: #7E7E7E; padding-right:15px;}
#left .list_con ul.flink_index, #right .list_con ul.flink_index{line-height:2em;list-style:none; overflow:auto;zoom:1;}
#left .login_con{ width:320px; margin:0 auto;}
/*--- 右侧 ---*/
#right{width:260px;float:left;margin-right:1px;overflow: hidden; _display:inline; }
#right .newprod_list{width:240px; overflow: hidden; _width:230px;}
#right .newprod_pic{border:#D5E1E2 1px solid;}
#right .newprod_pic, #right .newprod_pic img{width:110px;height:110px; overflow:hidden; float:left;}
#right .newprod_name, #right .newprod_price1,#right .newprod_intr{float:left; text-align:center;}
#right .newprod_name, #right .newprod_price1{width:112px;font-size:12px;height:22px;line-height:22px;}
#right .newprod_intr{width:112px;margin:0 auto;height:34px;overflow:hidden;line-height:1.5em;}
#right .newprod_xx,#right .newprod_gg, #right .newprod_view { display:none;}
#right .list_title a,#right .list_title a:visited{color:#fff;}
#right .login_title,#right .list_title,#right .cart_title,#right .newprod_title,#right .blk_t{font-size:13px;overflow:hidden;height:33px;line-height:33px;text-indent:35px;color:#000; font-family:"Microsoft Yahei"; background:url(../images/right_06.jpg) no-repeat;}
#right .list_con ul li, #right .recent_con ul li{float:none;width:230px;overflow:hidden;}
#right .list_con ul li{width:230px; height:24px; overflow:hidden;}
#right .art_list_title{ display:none; }
#right .list_con, #right .login_main, #right .newprod_con, #right .prod_type, #right .prod_type_n, #right .cart_con, #right .lagbar, #right .recent_con, #right #mess_main, #right .cartlist, #right .langbar, #right .qq_list_con , #right .com_con ,#right .flash_image,#right .langbar{ _overflow:auto; zoom:1; overflow:hidden; background:url(../images/right_bg.jpg) repeat-y;}
/*--- 首页产品样式 ---*/
.newprod_pic, .newprod_pic img{width:220px; height:340px;overflow:hidden;}
.newprod_list{margin:0 16px;padding-bottom:5px;padding-top:6px;text-align:center; width:133px;}
.newprod_pic{margin:0 auto; vertical-align:middle;}
.newprod_pic:hover{}
.newprod_name{line-height:22px; height:22px; overflow:hidden;}
.newprod_name,.newprod_name a,.newprod_name a:visited{color: #4B3F26;}
.media_grid td{vertical-align: top;}
.newprod_name a,.newprod_name a:visited{}
.newprod_intr{width:133px;margin:0 auto;height:36px;overflow:hidden;line-height:1.5em;color:#777;}
.newprod_price{line-height:22px; color:#333;}
#right.newprod_price{line-height:22px; color:#DDEDFF;}
.newprod_xx{width:46px;height:20px;font-size:1px;background: url(../images/more.gif) no-repeat;cursor:pointer;float:left;}
.newprod_xx:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
.newprod_button{ padding:5px 0 0 15px;}
.newprod_view{ float:left; width:46px; height:20px; margin-right:5px;}
.newprod_view:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}

复制代码

这个产品内容（②）我应该在哪里改呀，版主你帮帮我，谢谢好心人啦

limqiang · 发表于 2011-8-1 11:01:02

您用的哪一个模板，
或是也可以把域名发上来看下

k21265471 · 发表于 2011-8-1 11:16:38

回复 2# limqiang

我用的是 xiemao-110304-a5

我们是在本机测试的，http://localhost

希望你还可以补充，非常感谢参与

limqiang · 发表于 2011-8-1 11:42:30

看不到您具体情况。
#left{width:750px;float:right;_display:inline;overflow:hidden; }
表示左侧整个宽度，如果要调首页产品栏宽度，侧整个一例的显示都会变
产品显示，调：
.newprod_list {
margin: 0 16px;
padding-bottom: 5px;
padding-top: 6px;
text-align: center;
width: 133px;
}
和：
.newprod_pic, .newprod_pic img {
height: 133px;
overflow: hidden;
width: 133px;
}

k21265471 · 发表于 2011-8-1 12:00:11

回复 4# limqiang

产品属性：
显示产品数目  6
显示列数       3

style.zip (6.93 KB, 下载次数: 42)

2011-8-1 11:59 上传
点击文件名下载附件
style.css

大哥  麻烦你有空的话，帮我弄一下，感激不尽、

limqiang · 发表于 2011-8-1 12:07:35

建议您想办法把站点上线，方便为您查看您碰到的实际问题。以及解决办法。

k21265471 · 发表于 2011-8-1 16:15:23

回复 6# limqiang

大哥，你的QQ告诉我。

limqiang · 发表于 2011-8-1 16:23:43

不好意思，不方便提供

k21265471 · 发表于 2011-8-2 17:09:14

唉终于搞定了，
还是自己动手风衣足食啊

我还是把解决方法贴出来供给后来新手借鉴

#left .pro_over{ width:650px; *width:650px;  _width:650px; overflow:visible; padding-right:5px; padding-left:5px;}

方法1 overflow:visible;                                                       这个本来是溢出：隐藏  改成默认
方法2 width:650px; *width:650px;  _width:650px;    修改宽度

limqiang · 发表于 2011-8-2 17:20:05

多谢分享