Question

我得到了这段代码：

 <head>
 <title>width height</title>
 </head>
 <body>
     <table border="1" cellpadding="0" cellspacing="0" height="100%" width="800px">
     <tr>
         <td style="height: 100px">
             cucu
         </td>
     </tr>
     <tr style="height: 100%">
         <td class="tdMargin" style="width: 760px">
         bau    
         </td>
     </tr>
     <tr>
         <td style="height:50px" valign="bottom">
            bla
         </td>
     </tr>
     </table>
 </body>
 </html>

它表现得如何

我将它添加到母版页中，它可以正常使用

但是当我从旧的主页面中获取doctype内容时（我们正在重新设计应用程序）并添加：

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

到页面，设计（高度100％的东西）发疯了

有没有办法解决它？

我对doctypes不太了解......

它基本上应该在IE中工作，如果这有帮助

Answer 1

应忽略高度设置，浏览器的行为完全符合预期。

标准中的height元素没有table属性。它只是Internet Explorer认为存在，它只在怪癖模式下（即没有doctype时）。

使用CSS样式来设置表格的高度：

<table border="1" cellpadding="0" cellspacing="0" width="800px" style="height: 100%;">

首先应该将CSS放在样式表中，而不是放在单独的元素中，但我会在这里显示样式，以便您可以轻松地进行测试。

Answer 2

请查看：HTML Declaration

doctype声明不是HTML 标签;这是对网络的指导关于什么版本的浏览器标记语言页面是写的英寸

您使用的DocType似乎不正确或有限制。请根据您使用的HTML版本进行设置。

Doctype与html设计

2 个答案: