表格的问题。。

不知道为什么表格出现断层了，这里把html代码跟css代码都贴出来。。麻烦大家帮忙看下
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0" id="tb1">
<tr>
<td class="topbg" COLSPAN="2">
<img src=../images/ico/add.png border=0
style='margin-top: 5px; margin-bottom: -3px'>
作业详细信息
</td>
</tr>
<tr>
<td height="0" valign="top" COLSPAN="2">
<table border="0" cellspacing="0" cellpadding="0" CLASS="table">
<tr>
<td align="left" style="padding-left: 10px;" COLSPAN="4"
class="table_th">
<B>作业信息 </B>
</td>
</tr>
<tr>
<td width="12%" class="td_1">
作业标题
</td>
<td width="38%" class="td_2">
标题1
</td>
</tr>
<tr>
<td width="12%" class="td_1">
具体要求
</td>
<td width="38%" colspan="3" class="td_3">
test123 </td>
</tr>
<tr>
<td class="td_1" width="12%">
开始时间
</td>
<td class="td_2" idth="38%">
2012 </td> </tr> <tr>
<td class="td_1">
截止时间
</td>
<td class="td_2">
2012
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="48%">
<table border="0" cellspacing="0" cellpadding="0" CLASS="table1"
id="tb2">
<tr>
<td align="left" style="padding-left: 10px;" COLSPAN="4"
class="table_th">
作业上传列表
<input type="button" class="button" runat="server" value="打开"
onclick="SetView();return false;" />
<br />
</td>
</tr>
<tr>
<td class="td_1">
文件名
</td>
<td class="td_1">
<span>操作</span>
</td>
</tr>
</table>
</td>
<td width="48%">
<table border="0" cellspacing="0" cellpadding="0" CLASS="table1"
id="tb2">
<tr>
<td align="left" style="padding-left: 10px;" COLSPAN="4"
class="table_th">
教师反馈上传列表
<input type="button" class="button" runat="server" value="打开"
onclick="SetView();return false;" />
<br />
</td>
</tr>
<tr>
<td class="td_1">
文件名
</td>
<td class="td_1">
<span>操作</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table border="0" cellspacing="0" cellpadding="0" CLASS="table">
<tr>
<td class="td_1" colspan="4">
&nbsp;
<input type="submit" name="Submit" class="button" value=" 添加 ">
<input name="reseter" type="reset" class="button" id="Back"
value=" 重置 ">
</td>
</tr>
</table> </td>
</tr>
</table>
<!--------------------------------                 下面是css部分代码------------------------------------>
body,h1,form,ul,li,p { margin:0; padding:0;font-size: 12px;}
td { font-size: 12px;}
li { list-style:none; line-height:30px; height:30px; margin-top:10px;}
ul { padding:0 0 15px 30px;}
body { font:12px/1.5 Tahoma, Geneva, sans-serif;}
#admin { width:342px; border:1px solid #9BB055; background:#D8E899; position:relative; margin: 150px auto 0;}
h2 {height:66px;overflow:hidden;text-indent:-9999px; background:url(login_head.gif) no-repeat;}
.int { border-style:solid; padding-left:5px; border-width:1px 1px 1px 1px; background-color:#ffffff; border-color:#aaa #aaa #aaa #aaa; font-family:Tahoma, Geneva, sans-serif; height:23px;line-height:23px;}
.button { border-style:solid; height:26px;line-height:24px; border-width:1px 1px 1px 1px; background-color:#FCFFF2; border-color:#666; font-family:Tahoma, Geneva, sans-serif;background:url(button_bg.gif);font-size: 12px;}
.button1 { border-style:solid; height:10px; width:20px;line-height:14px; border-width:1px 1px 1px 1px; background-color:#FCFFF2; border-color:#666; font-family:Tahoma, Geneva, sans-serif;background:url(button_bg.gif);font-size: 9px;}.int:focus { background:#fff;}
.btn { width:98px; height:33px; margin:0 auto; display:block; position:relative; left:-15px; border:none; padding:0; overflow:hidden; text-indent:-9999px; background:url(lgoin_btn.gif); cursor:pointer;}
label { float:left; height:30px; line-height:30px; text-align:right; cursor:pointer; padding-right:5px;}
p.error { padding: 0 10px; text-align:center;}
#table_tr { background-color:#BED393; border-top:1px solid #87A34D; border-bottom:1px solid #87A34D; height:30px; line-height:30px; padding:0 10px; position:relative;}.tip{margin-left:15px;margin-top:-40px;padding:2px 7px;color:#000;line-height:25px;border-radius: 10px;background-color:#FFFBE5;border:1px solid #ccc;-webkit-box-shadow:0 0 5px black;-moz-box-shadow:0 0 5px black;}
input, textarea border: 1px solid #ccc; }
input:focus, textarea:focus { border: 1px solid #f00; background: #ffc; }
.ie_hover { background: #ffc; }
.ie_focus { border: 1px solid #f00; background: #fcc; } 

.topbg {background-image:url(repeat.gif);background-repeat:repeat-x;background-position:0 -208px;height:28px;line-height:28px;padding:0px 0 3px 10px;font-size:12px;font-weight:bold;color:#222222;}
.TABLE1 {margin:10px;border:1px solid #ddd;width:95.5%;background:url(table_bg.gif);}
.TABLE {margin:10px;border:1px solid #ddd;width:97.5%;background:url(table_bg.gif);}
.TABLE_N {background-color:#FFFFFF;border-top:1px solid #ddd;width:100%;}
.table_th {height:30px;Line-height:30px;border-bottom:1px solid #ddd;background:url(table_th_bg.gif);}
.table_th li {margin:0px;padding:0px;}
.table_th_other {background-color:#f8f8f8;height:35px; line-height:35px;border-RIGHT:1px solid #ddd; border-bottom:1px solid #ddd;text-align:center;}
.table_th_1 {background-color:#fff;height:35px; line-height:35px;border-RIGHT:0px solid #ddd; border-bottom:1px solid #ddd;text-align:left;}
.tabth {background-image:url(repeat.gif);background-repeat:repeat-x;background-position:0 -302px;border-bottom:1px solid #bbb;font-weight:bold;}
.line1 {border-RIGHT:1px solid #ddd;height:35px; line-height:35px;padding:5px 5px 0;}
.line2 {border-RIGHT:1px solid #ddd;height:35px; line-height:35px;padding:0 10px;}
.td_1 {background-color:#f8f8f8;height:35px; line-height:35px;border-RIGHT:1px solid #ddd; border-bottom:1px solid #ddd;text-align:center;}
.td_2 {background-color:#FFFFFF;height:30px; line-height:30px;border-RIGHT:1px solid #ddd; border-bottom:1px solid #ddd;text-align:left;padding-left:10px;}
.td_3 {background-color:#FFFFFF;height:30px; line-height:30px;border-RIGHT:0px solid #ddd; border-bottom:1px solid #ddd;text-align:left;padding-left:10px;}
.td_4 {background-color:#FFFFFF;height:40px; line-height:40px;text-align:left;padding-left:10px;}
.td_5 {background-color:#f8f8f8;height:35px; line-height:35px;Padding:0 5px;border-RIGHT:1px solid #ddd;text-align:center;}
.td_6 {background-color:#FFFFFF;height:35px; line-height:35px;Padding:0 5px;border-RIGHT:1px solid #ddd;text-align:left;padding-left:10px;}

解决方案 »

  1.   

    现在大概效果就是
    在最大的table A里面有3个table b c d 
    这三个table分得很开。。怎么才能让他们之间的间隔缩小？
      

  2.   

    .TABLE1 {margin:10px;border:1px solid #ddd;width:95.5%;background:url(table_bg.gif);}
    .TABLE {margin:10px;border:1px solid #ddd;width:97.5%;background:url(table_bg.gif);}
    .TABLE_N {background-color:#FFFFFF;border-top:1px solid #ddd;width:100%;}
    你把这些改为小写就明白了