为什么我这段HTML代码在别的机子上就出问题

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/adminCenter.css" type="text/css" />
</head>

<body>
<div class="top">
<div class="topRight"></div>
<div class="topLeft"></div>
<div class="topBottom">

<a href="#">客服管理</a>
<a href="#">聊天记录</a>
<a href="#">访客留言</a>
<a href="#">数据分析</a>
<a href="#">基本设置</a>
<a href="#">风格设置</a>
</div>
</div>
<div class="left">
<a href="#" class="menu">客服管理
<table class="list">
<tr>
<td>
部门设置<br />
管理设置<br />
评分查询<br />
</td>
</tr>
</table>
</a>
</div>
<div class="right">
<div class="rightTop">
<div style="float:left">  工号管理</div>
<span style="float:right"><input type="button" value="添加工号"/></span>
</div>
<span style="line-height:30px; height:30px; width:30px;">
选择部门：
<select name="depart">
<option value="" selected="selected">全部客服</option>
<option value="">未分组</option>
</select>
</span>
<table width="1000" border="1" bordercolor="#E6E6E6" class="tableRight">
<tr class="tr1">
<td width="23"></td>
<td width="36">序号</td>
<td width="38">工号 </td>
<td width="37">姓名 </td>
<td width="39">部门</td>
<td width="39">状态</td>
<td width="43">接听数</td>
<td width="51">身份 </td>
<td width="545">权限 </td>
<td width="85">操作 </td>

</tr>
<tr bgcolor="#E1E1E1" class="tr2">
<th height="30"><input type="checkbox" /></th>
<td>0</td>
<td> </td>
<td> </td>
<td>未分组</td>
<td>离线</td>
<td>5</td>
<td>管理员 </td>
<td>客服管理 | 聊天记录管理 | 删除记录 | 留言查看 | 数据分析 | 基本设置 | 风格设置 | 高级功能</td>
<td><a href="#">编辑</a></td>
</tr>
</table>
<br />
<input type="checkbox" /> 全选  <input type="button" value="删除" />
<select name="depart2">
<option value="" selected="selected">移动到部门</option>
<option value="">为分组</option>
</select>
<span class="page">首页上一页
<select value="page">
<option value="" selected="selected">1/1</option>
</select>
下一页末页
</span>
</div>
</body>
</html>

表格在别人的机子上就挤下去了！
.left{
height:700px;
width:180px;
float:left;
background-color:#F8F9FD;
}
.left a.menu{
font-size:14px;
color:#000000;
text-decoration:none;
font-weight:bold;
width:180px;
height:30px;
display:block;
text-align:center;
line-height:30px;
}
.left a.menu .list{
font-size:14px;
font-weight:normal;
width:100%;
}
.right{
height:150px;
width:1000px;
float:left;
border:1px solid #99CCFF;
margin-left:15px;
font-size:12px;
}
.right .rightTop{
background-image:url(../images/rightback.jpg);
width:100%;
height:27px;
font-weight:bold;
color:#000000;
font-size:14px;
line-height:27px;
}
.tableRight{
border:0px;
border-collapse:collapse;
text-align:center;
}
.tr1{
background-color:#F0F3F8;
}
.page{
float:right;
} 展开

 我来答

2个回答

#热议# 应届生在签三方时要注意什么？

百度网友66a8d48e5
2009-05-28 · TA获得超过7687个赞

知道大有可为答主

回答量：3002

采纳率：12%

帮助的人：3886万

我也去答题访问个人页

关注

展开全部

需要纠正一楼的，浏览器不一样是因为内嵌浏览器的DOM标准支持不同而引起的，而对于table的支持大部分还是一样的。所以这不是一句浏览器不一样所能解释的！另，版本不一样，一楼也只是一个说法，但绝不是问题，因为所有的版本都向下兼容的，而我看其代码中没有存在版本差别的语句。呵呵，这也就是说你的解释是站不住脚的！

真的往往出现错层（如果使用DIV）时，的原理可能存在你所说的差别，但对于TABLE往往是出现大小不一的现象，这不是取决一浏览器，往往是取决于分辨率，如果两台机器的分辨率不同，而对于table在没有定绝对长宽时会出现类型现象。如用相对长宽，或是由于继承了你对象的相对长宽等都是出现类似现象。这是由于页面程序员是新手而出现的。还是就是在没有继承同时是没有定义，也就是所谓的table长宽不明确的情况，由于浏览器厂商对于table的不同解释而出现大小不同的情况。但不区别版本的。

已赞过 已踩过<

评论收起

ShiftShing
2009-05-28 · TA获得超过836个赞

知道小有建树答主

回答量：375

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

别人的机子上用的和你机器的浏览器不一样吧
浏览器不一样，样式需要单独调整（包括版本不一样）

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为什么我这段HTML代码在别的机子上就出问题

其他类似问题

为你推荐：