为什么我的网页在DW和在浏览器里面的不一样呢？帮我看一下，谢谢

  <style type="text/css">
body {
background-color: #CFF;
}#home{width:800px;
  margin:auto;}
  
#top{ height:100px;
      background:#C03;}  
  
 #h1{height:59px;}
   
 #h2{height:40px;
     background:#06F;}
   
   #tp{float:right; margin-top:14px;}  
  
      .banzhu{
          font-size:12px; 
  color:#9D092B;}
      
  
  
  
  
  
   #mian{height:200px;
         background:#F6F;
 margin-top:60px;}
 
   #footer{height:61px;
           background:#F9C;
   margin-top:20px;}   
   
    .ys{font-size:12px; color:#CCC;
    text-align:center;}
   
</style>
</head><body><div id="home"><div id="top"><div id="h1"><dt><a href="#"><img src="img/tit.gif" /></a><a href="#"><img src="img/titi.gif" /></a></dt>
</div><div id="h2"><dt id="tp"><a href="#"><img src="img/logout.gif" /></a></dt>
</div></div><div id="mian">
  <table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="21%" rowspan="3" align="center"><img src="" alt="" name="name" width="85" height="78" id="name" style="background-color: #009966" /></td>
    <td width="79%"><form id="form1" name="form1" method="post" action="">
      <label for="textfield"></label>
      <input type="text" name="subject" id="subject" size="48" />
    </form></td>
  </tr>
  <tr>
    <td height="80"><form id="form2" name="form2" method="post" action="">
      <label for="textarea"></label>
      <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
    </form></td>
  </tr>
  <tr>
    <td height="100"><div class="banzhu"><p>版主回复</p></div>
      <form id="form3" name="form3" method="post" action="">
        <label for="textarea2"></label>
        <div class="aa"><textarea name="adminans" id="adminans" cols="45" rows="3"></textarea></div>
      </form></td>
  </tr>
</table>
</div><div id="footer"><table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="84%" rowspan="2">&nbsp;</td>
    <td width="16%" colspan="4">&nbsp;</td>
  </tr>
  <tr>
    <td width="4%" align="center" valign="bottom"><img src="First.gif" width="18" height="13" /></td>
    <td width="4%" align="center" valign="bottom"><img src="Previous.gif" width="14" height="13" /></td>
    <td width="4%" align="center" valign="bottom"><img src="Next.gif" width="14" height="13" /></td>
    <td width="4%" align="center" valign="bottom"><img src="Last.gif" width="18" height="13" /></td>
  </tr>
  
    <tr>
    <td colspan="5"><div class="ys">昱得资讯工作室 (C) since in 1993</div></td>
    </tr>
</table></div></div>
</body>
这是我的代码，我用的是IE8浏览器 ，在火狐里更夸张。

解决方案 »

  1.   

    是不是我的CSS有问题，我是用CSS和表格混合用的
      

  2.   

    问题是，我的main部分，在DW很正常，但是我在浏览器浏览时这部分的表格就出来很多。main一开始我是用CSS定义的，然后插入的表格。但是浏览后表格比下面的出来好多，但是在DW里是没事的
      

  3.   

    不一样是超级正常的！不能以DW为主，DW只能作为参考你用DW（设计栏）去看一些开源代码（ecshop,DZ等），会发现很多都是空白或者很凌乱的
      

  4.   

    main的。height:200px;去掉吧。你内容比这个高多了。