表头固定为什么对不齐？

悬赏园豆：50 [已解决问题] 解决于 2013-07-27 10:09

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
    function SYNC_Roll(obj) {
        titlediv.style.posLeft = -obj.scrollLeft;
    }
</script>
<style type="text/css">
body{font-family:宋体;font-size:12px; margin: 0px;padding: 0px;background-color: #ffffff;overflow: auto;background-color: #ffffff;scrollbar-face-color: #ccc;scrollbar-highlight-color: #fafafa;scrollbar-shadow-color: #555;scrollbar-3dlight-color: #ffffff;scrollbar-arrow-color: #777777;scrollbar-track-color: #fcfcfc;scrollbar-darkshadow-color: #ffffff;}
.reporttable{border:1px solid #000000; border-collapse:collapse;font-size:12px;}
.small{ font-size:12px;font-family:宋体;}
hr{height: 1px;border: 0;border-top: 1px dashed #CCCCCC;}
.report_title{font-family:宋体;font-size:16.5px;font-weight:bolder;}
a{color:#240589;text-decoration: none;}
.btnQuery{width:0px;height:10px;}
.griddiv{overflow-x:hidden;border:black 1px solid;background: #f8f9fc;}
.title {border-right: #555 1px solid;border-top: #fff 1px solid;border-bottom: #555 1px solid;border-left: #fff 1px solid;padding:2 2 2 2;background: #ccc;cursor: hand;font-size:12px;overflow:hidden;white-space: nowrap;text-align:center}
.desc {BORDER-RIGHT: #555 1px solid;BORDER-TOP: #fff 1px solid;BORDER-BOTTOM: #555 1px solid;BORDER-LEFT: #fff 1px solid;padding:2 1 2 2;CURSOR: hand;font-Size:9pt;overflow:hidden;WHITE-SPACE: nowrap;background:#ccc url(/images/desc.gif) 1px center no-repeat;text-align:center}
.asc {BORDER-RIGHT: #555 1px solid;BORDER-TOP: #fff 1px solid;BORDER-BOTTOM: #555 1px solid;BORDER-LEFT: #fff 1px solid;padding:2 1 2 2;CURSOR: hand;font-Size:9pt;overflow:hidden;WHITE-SPACE: nowrap;background:#ccc url(/images/asc.gif) 1px center no-repeat;text-align:center}
#tbreport td{white-space: nowrap;border-right: #ddd 1px solid;border-top: #ddd 1px solid;font-size:12px;}
#tbreport .treport{font-size:12px;font-family:宋体;}
</style>
</head>

</div>
</div>
</body>
</html>
<script language="javascript">
    function createtitle(ttbdiv, tdiv, ttb, ttr) {
     tdiv.style.width = ttb.offsetWidth;
  var tHeadHeight = document.all["titletr"].offsetHeight;
  ttb.style.marginTop = -tHeadHeight;
        var newtit="", sDataType = "", sSort = "", tSort = "false", sCursor = "";
  var i_width=0;
        if (typeof (ttb.TSorter) != "undefined") tSort = ttb.TSorter;
        newtit = "<table border='0' cellpadding='0' cellspacing='0'><tr>";
        for (i = 0; i < titletr.cells.length; i++) {
            ttd = titletr.cells[i];
            if (tSort == "true") {
                sDataType = (typeof (ttd.TDataType) == "undefined" ? "" : ttd.TDataType);
                if (sDataType == "nosort") {
                    sSort = " ";
                    sCursor = "defalut";
                }
                else {
                    sSort = " onclick=\"sortTable('tbreport'," + String(i) + (sDataType == "" ? "" : (",'" + sDataType + "'")) + ")\" ";
                    sCursor = "hand";
                }
            }
            newtit = newtit + "<td><span id='TSPAN_" + String(i) + "' class='title'" + sSort + "style='width:" + (ttd.clientWidth + 1) + "px;cursor:" + sCursor + "'>" + ttd.innerText + "</span></td>";
   i_width+=ttb.rows[0].cells[i].clientWidth+1;
        }
        newtit = newtit + "</tr></table>";
  tdiv.innerHTML = newtit;
        //ttr.style.visibility = "hidden";
        //if (ttr.rowIndex != ttb.rows.length - 1)
        //    ttb.moveRow(ttr.rowIndex, ttb.rows.length - 1);
  //ttb.style.pixelWidth = i_width;
  //alert(i_width+"|"+ttb.offsetWidth);
  //alert(newtit);
  //alert(ttbdiv.scrollLeft+"|"+ttbdiv.scrollWidth+"|"+ttbdiv.offsetWidth);

Web前端 HTML/CSS基础

sgm | 初学一级 | 园豆：57
提问于：2011-05-30 11:45

< >

最佳答案

我试了一下，使用不同的浏览器打开效果是不一样的！可能是你是用的一些样式只能被一种浏览器内核解析(各种浏览器内核网页编写语法的解释是不同的！)

收获园豆：50

suber | 菜鸟二级 |园豆：260 | 2011-06-01 10:32

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

表头固定为什么对不齐？

欢迎，请先登录或者注册。