"Высота = 100%" не работает в html при использовании <! DOCTYPE>, как я могу это исправить?

Когда я использую HTML без "Docymenttype", работает моя HTML-страница "Height = 100%".

Но когда я использую "Docymenttype", высота не работает правильно...

<!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" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<table cellpadding="0" cellspacing="0" width="11" height ="100%">
    <tr>
        <td height="100%" bgcolor="#008000">&nbsp;</td>
    </tr>
</table>

</body>

Как я могу решить эту проблему?

Ответ 1

Добавление DOCTYPE переключает вас из режима

Ответ 2

Когда вы указываете "height = 100%", вы должны думать "100% чего?". Это родительский элемент этого таблицы, который является телом. Но насколько высок тело?

Чтобы сделать то, что вы хотите, добавьте это в CSS: HTML, тело {высота: 100%}

Ответ 3

Как все говорят, основная часть решения заключается в том, чтобы положить

html, body{'height=100%'}

Но его также очень важно установить каждую высоту предка на 100%. например, если ваш код выглядит следующим образом

<body>
    <div id="firstdiv">
         <div id="scnddiv">
               lets say this is the div you want to make 100%
         </div>
    </div>
</body>

если #scnddiv - это div, который вы хотите сделать на 100%, не только вы должны сделать html и body 100%, но и #firstdiv. Так что это будет выглядеть примерно так.

html, body, #firstdiv {height:100%}

тогда вы можете сделать что-нибудь в этом div равным 100%.

Надеюсь, это поможет.