请问为什么ie下会这样

<!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>
<body>
<style type="text/css">
*{ padding:0px; margin:0px;}
html,body{overflow:hidden;height:100%; width:100%;}
</style>
<table style="width:100%; height:100%;" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style="height:100px;">22222222222</td>
  </tr>
  <tr>
    <td>mid</td>
  </tr>
  <tr>
    <td style="height:100px;">111111111</td>
  </tr>
</table>
</body>
</html>ff的效果应该是正确的
但ie下height:100px好像被扩大了
为什么呢
怎么hack

解决方案 »

  1.   

    如果你的应用不要求满足W3C的要求，可以去掉doctype
    <!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>
            <style type="text/css">
             * {
    font-size: 12px;
    margin: 0;
    padding: 0;
    }
    table {
    width: 100%;
    height: 100%;
    }
    .top,
    .bottom {
    height: 100px;
    background-color: #999999;
    vertical-align: middle;
    }
    .middle {
    height: 100%;
    background-color: #FFCC33;
    }
            </style>
        </head>
        <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td class="top">top</td>
                </tr>
                <tr>
                 <td class="middle">middle</td>
                </tr>
                <tr>
                 <td class="bottom">bottom</td>
                </tr>
            </table>
        </body>
    </html>
      

  2.   

    跨浏览器是一个很复杂的问题，如果采用table布局设计跨浏览器的应用，是没有太大意义的！
      

  3.   

    但我想知道为什么会这样
    是不是ie的bug
    ls的表激动
    偶问个问题而已
      

  4.   

    这不是ie的bug，这是ie的标准，和W3C的标准有很大的不同！firefox也有自己的标准，只是它的标准大部分和W3C的一致！
    在firefox中可以直接实现圆角效果，不过效果差强人意，有兴趣可以研究一下！
    ie真的的解析bug在做css hack的时候会用到！
      

  5.   

    咆哮编程男 你说这个是ie的标准
    那里说了呢
    一个标准不同说明不了问题啊
    至少说明ie的table在这个情况下对height属性作了怎样的处理呢
      

  6.   

    你去W3C的官网上下载他的浏览器，浏览一下各大网站，就会理解标准的重要性了！
    http://wam.inrialpes.fr/software/amaya/amaya-WinXP-10.0-pre2.exe