好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

相同样式,同个浏览器,效果不一样求解~_html/css_WEB-ITnose

本地效果图如下图:


传至服务器效果图如下图:


图片可能有点大,请大家在新窗口看看图片~麻烦了

浏览器:火狐 版本:3.6.28
这里出现2个区别。
第一个区别:
本地效果图中,除标题行,其余行都没有设置TD边框;而在服务器效果图中,却显示有的行有边框,有的行则没有。

对应代码:
                                                                                                                                                ' />                                                ' />                                                                                                                                          ">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       --%>                                                                                                                                                                                                                                                 --%>                                                                                                                                          ',' ');"                                                    title="订单状态详情">                                                                                                                                                                                                                                                                                                                                                  ' runat="server" />                                                                                       


/*  列表型表格样式  */.TableList{   border:1px #cccccc solid;   line-height:21px;   font-size:9pt;   border-collapse:collapse;   padding:3px;}.TableList td{   padding:3px;   height:26px;}/*  订单跟踪list专用  */.TableList td .tableDItim{   padding:3px;   border:1px teal solid;}.TableList .TableHeader td,.TableList td.TableHeader{   height:30px !important;   height:32px;   background:#E7F1FA;   border-bottom:1px #9cb269 solid;   border-right:1px #9cb269 solid;   font-weight:bold;   text-align:center;   color:#383838;   padding:0px;}/*  订单跟踪list专用  */.TableList .TableHeader .tableDHeader{   height:30px !important;   height:32px;   background:#E7F1FA;   border-bottom:0px #9cb269 solid;   border-right:0px #9cb269 solid;   font-weight:bold;   text-align:center;   color:#383838;   padding:0px;} 



第二个区别:
本地效果图中,货物,包装,件数,重量,体积这5个列,是有table边框的;而在服务器效果图中,则没有。

相关代码:
///          /// 获取货物详情        ///          ///           ///           public string GetCargoDetail(string orderid)        {            string des = " ";            OrderBLL ob = new OrderBLL();            DataSet ds = ob.GetOrderDetailInfoByBID(orderid);            string detail = "";            foreach (DataRow row in ds.Tables[0].Rows)            {                detail += " ";                detail += " ";                detail += row["CargoName"].ToString();                detail += " ";                detail += " ";                detail += row["CargoPackMent"].ToString();                detail += " ";                detail += " ";                detail += row["PackagesNum"].ToString();                detail += " ";                detail += " ";                detail += row["Weight"].ToString();                detail += " ";                detail += " ";                detail += row["Volume"].ToString();                detail += " ";                detail += " ";            }            if (detail == "")            {                detail = "            ";            }            des += detail;            des += " ";            return des;        } 



另外还要说的一个是,虽然用火狐打开服务器上的项目时,不理想。但是用IE8打开服务器的,却和 用火狐打开本地的,效果一样。

请样式高手帮忙看看,谢谢啦。


回复讨论(解决方案)

有没有设定bassurl,类似的我也碰到过一次。

看看哪个border-right的影响

查看更多关于相同样式,同个浏览器,效果不一样求解~_html/css_WEB-ITnose的详细内容...

  阅读:37次