DocType xhtml1-transitional.dtd忽略表格单元格高度

时间:2008-12-11 09:36:57

标签: xhtml html-table 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 runat="server">
    <title>Untitled Page</title>
    <link href="Stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <table style="height: 100%; width: 100%;">
        <tr>
            <td colspan="2" style="height: 100px;">Header</td>
        </tr>
        <tr>
            <td style="width: 180px;">Links</td>
            <td>Content</td>
        </tr>
        <tr>
            <td colspan="2" style="height: 25px;">Footer</td>
        </tr>
    </table>
</body>
</html>

Stylesheet.css如下所示:

*
{
    margin: 0;
    padding: 0; 
}
html, body
{
    height: 100%;
    width: 100%;
}

上面的第1行和第3行有固定的高度。第3行未填充剩余空间。如果我省略了doctype,它会按预期工作。我需要使用这个doctype。

4 个答案:

答案 0 :(得分:1)

这是由Transitional DOCTYPE触发的几乎标准模式的怪癖。请改用Strict DOCTYPE

https://developer.mozilla.org/en/Gecko's_%22Almost_Standards%22_Mode

答案 1 :(得分:1)

请澄清您尝试解决此问题的浏览器。

如果你想正确地做事,你应该使用<div>;)

答案 2 :(得分:1)

如果你遇到同样的问题,你会大喊大叫。 在每次声明后尝试放入px。 没有像素指定,它在任何一个浏览器中都不起作用。 我发现了这个问题并且真的很头疼。

答案 3 :(得分:0)

我不是web dev,但高度是否只适用于阻止对象?因此,尝试设置TR的高度,而不是TD的高度。

豫ICP备18024241号-1