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を使用する必要があります。

4

4 に答える 4

1

これを修正しようとしているブラウザを明確にしてください。

<div>あなたが物事を適切にやりたいのなら、とにかく'sを使うべきです;）

于 2008-12-11T09:43:01.790 に答える
1

私が抱えていたのと同じ問題を抱えていたら、あなたは怒鳴るでしょう。各宣言の後に px を入れてみてください。そのピクセル指定がないと、どちらのブラウザでも機能しませんでした。私はこの問題をいたるところに見つけており、本当の頭痛の種です。

于 2010-06-17T17:57:11.553 に答える
1

これは、によってトリガーされるほぼ標準モードの癖ですTransitional DOCTYPE。Strict DOCTYPE代わりに使用してください。

https://developer.mozilla.org/en/Gecko's_%22Almost_Standards%22_Mode
于 2009-01-17T15:50:05.527 に答える
0

私はWeb開発者ではありませんが、高さはブロックオブジェクトにのみ適用できませんか？したがって、TDではなくTRの高さを設定してみてください。

于 2008-12-11T10:03:30.593 に答える