为啥我在DWCS4上面做的DIV定位后在浏览器上显示不一样
时间：2011-10-11
来源：互联网
为啥我在DWCS4上面做的DIV定位后在浏览器上显示不一样啊
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id='contain' style='width:990px;background:none transparent scroll repeat 0% 0%;margin:0px auto;padding:0px'>
<div di="header">
<table width="988" border="0">
<tr>
<td width="439" rowspan="2"><img name="" src="" width="437" height="127" alt="" /></td>
<td text_align="center" width="539" height="85"> 注册 登录 </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<table width="1000" border="0" bgcolor="#CC3300" >
<tr bgcolor="#CC3300">
<td height="5" colspan="7"></td>
</tr>
<tr>
<td width="32" align="center" ></td>
<td width="195" align="center" >首页</td>
<td width="169" align="center" >会员</td>
<td width="169" align="center" >新品</td>
<td width="170" align="center" >抢购</td>
<td width="215" align="center" >促销</td>
<td width="20" bgcolor="#CC3300"></td>
</tr>
<tr bgcolor="#CC3300">
<td height="5" colspan="7"></td>
</tr>
</table>
<div align="left" id="cebianlan" style=" width:250px; height:300px; " >
<table width="100%" height="302" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td height="41" colspan="3" align="left" bgcolor="#666666"> 商品分类</td>
</tr>
<tr>
<td width="25%" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300"><p>干果</p>
</td>
<td width="20%" bgcolor="#CC3300"> </td>
</tr>
<tr>
<td bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">瓜子</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">肉脯</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td height="35" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">糖果</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td height="30" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">饮品</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td height="27" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">特色</td>
<td bgcolor="#CC3300"> </td>
</tr>
</table>
<div id="pic" margin-top:"1px" style="position:absolute; top:201px; left: 321px; width: 739px; height: 286px;"><img name="" src="" width="737" height="285" alt="" /></div>
</div>
</div><!--顶端-->
<div id="lanmu1">
<div id="a00">
<img src="" alt="" name="精彩推荐" width="996" height="73" id="精彩推荐" />
</div>
<div id="a01" style="margin:15px auto auto 40px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
茄子<br />
12元
</div>
<div id="a02" style="position:absolute; left: 289px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
木瓜<br />
33元
</div>
<div id="a03" style="position:absolute; left:490px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
香蕉<br />
55元
</div>
<div id="a04" style="position:absolute; left: 689px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
大豆<br />
33元
<br />
</div>
<div id="a05" style="position:absolute; left: 889px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
茄子<br />
55元
<br />
</div>
</div> <!--这是栏目a-->
</div>
</body>
</html>
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id='contain' style='width:990px;background:none transparent scroll repeat 0% 0%;margin:0px auto;padding:0px'>
<div di="header">
<table width="988" border="0">
<tr>
<td width="439" rowspan="2"><img name="" src="" width="437" height="127" alt="" /></td>
<td text_align="center" width="539" height="85"> 注册 登录 </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<table width="1000" border="0" bgcolor="#CC3300" >
<tr bgcolor="#CC3300">
<td height="5" colspan="7"></td>
</tr>
<tr>
<td width="32" align="center" ></td>
<td width="195" align="center" >首页</td>
<td width="169" align="center" >会员</td>
<td width="169" align="center" >新品</td>
<td width="170" align="center" >抢购</td>
<td width="215" align="center" >促销</td>
<td width="20" bgcolor="#CC3300"></td>
</tr>
<tr bgcolor="#CC3300">
<td height="5" colspan="7"></td>
</tr>
</table>
<div align="left" id="cebianlan" style=" width:250px; height:300px; " >
<table width="100%" height="302" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td height="41" colspan="3" align="left" bgcolor="#666666"> 商品分类</td>
</tr>
<tr>
<td width="25%" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300"><p>干果</p>
</td>
<td width="20%" bgcolor="#CC3300"> </td>
</tr>
<tr>
<td bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">瓜子</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">肉脯</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td height="35" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">糖果</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td height="30" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">饮品</td>
<td bgcolor="#CC3300"> </td>
</tr>
<tr>
<td height="27" bgcolor="#CC3300"> </td>
<td width="55%" height="30" bgcolor="#CC3300">特色</td>
<td bgcolor="#CC3300"> </td>
</tr>
</table>
<div id="pic" margin-top:"1px" style="position:absolute; top:201px; left: 321px; width: 739px; height: 286px;"><img name="" src="" width="737" height="285" alt="" /></div>
</div>
</div><!--顶端-->
<div id="lanmu1">
<div id="a00">
<img src="" alt="" name="精彩推荐" width="996" height="73" id="精彩推荐" />
</div>
<div id="a01" style="margin:15px auto auto 40px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
茄子<br />
12元
</div>
<div id="a02" style="position:absolute; left: 289px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
木瓜<br />
33元
</div>
<div id="a03" style="position:absolute; left:490px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
香蕉<br />
55元
</div>
<div id="a04" style="position:absolute; left: 689px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
大豆<br />
33元
<br />
</div>
<div id="a05" style="position:absolute; left: 889px; top: 575px; width: 157px;"><img name="" src="" width="136" height="223" alt="" /><br />
茄子<br />
55元
<br />
</div>
</div> <!--这是栏目a-->
</div>
</body>
</html>
作者: ziseweijie 发布时间: 2011-10-11
我试了一下在火狐、opera、ie6，各个浏览器识别的盒子模型不同，所以显示不同，要考虑兼容性。
作者: Wayo2008 发布时间: 2011-10-11
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
