<table> <tbody> <tr> <td>内的高度100%在IE中不起作用</td> </tr> </tbody> </table>

时间:2011-07-12 06:48:11

标签: html internet-explorer html-table

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style>
    html,body, #outer, .innerPages {height:100%; padding:0px; width:100%; }
    </style>
    </head>
    <body>
    <table id="outer">
    <tr height="100px"><td>Header</td></tr>
      <tr>
        <td>
          <table class="innerPages">
             <tr>
               <td>Left</td>
               <td>Right</td>
             </tr>
          </table>
        </td>
      </tr>
    <tr height="30px"><td>Footer</td></tr>
    </table>
    </body>
    </html>

1 个答案:

答案 0 :(得分:2)

如果你向td添加100%的高度,它应该在IE中工作。

看我的小提琴:http://jsfiddle.net/ZGP3K/2/

正如你在html中看到的那样,我也改变了你的标题。