求解释，两个div中的table就是对不齐

代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="2010" style="width:1000px;">
<center>
<h5>2010年各村居民年龄段统计
</h5>
</center>
<div name="child" style="width:1000px">
<table border=1 cellSpacing=0 cellPadding=0
style="width:950px;table-layout:fixed">
<tr>
<td style="width:100px;" rowspan="2">
村镇
</td>
<td style="width:50px" rowspan="2">
总计
</td>
<td style="width:100px" colspan="4">
婴儿期(1岁以下)
</td>
<td style="width:100px" colspan="4">
幼儿期(1~3岁)
</td>
<td style="width:100px" colspan="4">
学龄前期(3~6岁)
</td>
<td style="width:100px" colspan="4">
学龄期(6~12岁)
</td>
<td style="width:100px" colspan="4">
青春期(12~20岁)
</td>
<td style="width:100px" colspan="4">
青年期(20~45岁)
</td>
<td style="width:100px" colspan="4">
中年期(45~60岁)
</td>
<td style="width:100px" colspan="4">
老年期（60以上）
</td> </tr>
<tr>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
<td style="width:25px">
小计
</td>
<td style="width:25px">
男
</td>
<td style="width:25px">
女
</td>
<td style="width:25px">
未知性别
</td>
</tr>
</table>
</div>
<div name="child" style="height:100px;width:1000px;overflow:auto">
<table border=1 cellSpacing=0 cellPadding=0
style="width:950px;table-layout:fixed">

<tr>
<td style="width:100px;">
豪山乡高源村 </td>
<td style="width:50px">
33 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
33 </td>
<td style="width:25px">
33 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
</tr>

<tr>
<td style="width:100px">
牌楼乡新塘村 </td>
<td style="width:50px">
132 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
132 </td>
<td style="width:25px">
132 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td>
<td style="width:25px">
0 </td> </tr>
</table>
</div>
</div>
</div>
</body>
</html>求高人解释，给出个解决方案，感激不尽！

解决方案 »

  1.   

    为啥加上这句又能对齐了
    <%@ page contentType="text/html;charset=utf-8"%>可是页面是servlet生成的啊，jsp页面上是有上面那句的，生成html后就没有了。
    我该咋办?
      

  2.   

    两个table ，列数一样，需要上下对齐。求帮帮忙
      

  3.   


                        <td style="width:100px;" rowspan="2">
                            村镇
                        </td>
                        <td style="width:50px" rowspan="2">
                            总计
                        </td>
                        <td style="width:106px" colspan="4">
                            婴儿期(1岁以下)
                        </td>
                        <td style="width:106px" colspan="4">
                            幼儿期(1~3岁)
                        </td>
                        <td style="width:106px" colspan="4">
                            学龄前期(3~6岁)
                        </td>
                        <td style="width:106px" colspan="4">
                            学龄期(6~12岁)
                        </td>
                        <td style="width:106px" colspan="4">
                            青春期(12~20岁)
                        </td>
                        <td style="width:106px" colspan="4">
                            青年期(20~45岁)
                        </td>
                        <td style="width:106px" colspan="4">
                            中年期(45~60岁)
                        </td>
                        <td style="width:106px" colspan="4">
                            老年期（60以上）
                        </td>
      

  4.   

    <table>
    <tr>
    <tb>
    <table>右表的内容</table>
    </tb>
    <td> 
    <table>左表的内容</table>
    </td>
    </tr>
    </table>
      

  5.   

    四个td的总和不是25*4=100，楼主没有算进去border=1的长度，不过正常应该
    <td style="width:103px" colspan="4">
                            青年期(20~45岁)
                        </td>就对了，但在IE中却是<td style="width:106px" colspan="4">
                            青年期(20~45岁)
                        </td>这样才能正常
      

  6.   

    这句设置的ContentType 属性指定响应的 HTTP 内容类型。
      

  7.   

    <table>
    <tr>
    <tb>
    <table>右表的内容</table>
    </tb>
    <td>  
    <table>左表的内容</table>
    </td>
    </tr>
    </table> 
      

  8.   

    不清楚什么原因，但是把第二个table中的width:25px都改成width:23.5px，就可以对齐了，你可以试一下