文章/答案/技术大牛

发布

社区首页 >问答首页 >DocType xhtml1-transitional.dtd忽略表单元格高度

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

Stack Overflow用户

提问于 2008-12-11 09:36:57

回答 4查看 4.7K关注 0票数 3

<!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。

xhtml

html-table

doctype

回答 4

Stack Overflow用户

发布于 2008-12-11 09:43:02

请澄清您正在尝试修复此问题的浏览器。

如果你想做正确的事情，无论如何你都应该使用<div> ;)

票数 1

Stack Overflow用户

发布于 2009-01-17 15:50:06

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

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

票数 1

Stack Overflow用户

发布于 2010-06-18 01:57:12

如果你遇到和我一样的问题，你会大喊大叫的。尝试将px放在每个声明之后。如果没有指定像素，它在这两个浏览器中都不起作用。我发现这个问题到处都是，真的很令人头疼。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/358791

复制

相似问题

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

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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