ホームページ >ウェブフロントエンド >htmlチュートリアル >IEでテーブルの高さを100%に設定しているのにinvalid_html/css_WEB-ITnoseになる場合

IEでテーブルの高さを100%に設定しているのにinvalid_html/css_WEB-ITnoseになる場合

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-06-21 09:39:111540ブラウズ

この投稿は zhukongyi によって最終編集されました: 2011-12-31 17:34:14

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">* {	padding:0px;	margin:0px;}html, body {	width:100%;	height:100%;}</style></head><body><table style="height:100%;width:100%;border:solid 1px black;">  <tr>    <td><table style="width:100%;height:100%;border:solid 1px red;">        <tr>          <td style="height:41px;border:solid 1px #6F6"></td>        </tr>        <tr>          <td></td>        </tr>        <tr>          <td style="height:41px;border:solid 1px #00F"></td>        </tr>      </table></td>  </tr></table></body></html>


非常に奇妙なことに、FF と Chrome では正常ですが、IE ではネストされたテーブルの高さだけが 100% に設定されています無効です

ディスカッションへの返信(解決策)

人はどこですか?

...アドバイスの仕方を知っている人はいませんか?
または、何が原因なのか説明してください

外側のテーブルの tr の td の width 属性値を設定する必要があります

bdf28e7bdca985a0242a85c02d934889
a34de1251f0d9fe1e645927f19a896e8
3ad487c89ba27964fbc72e6a8c4ed32e 54c2e06503d9a9d1c8530ff9284ba65a ;
fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08

外部テーブルの td の値を設定する必要があります
b54694b1c39fe6b897d192bd0aa0c072
3ad487c89ba27964fbc72e6a8c4ed32e width:100%;height:100%;border:solid 1px red… …

ご返信ありがとうございますが、私が望む高さは 100% です
そして、上記のコードのテーブル設定 height: 100% は効果がありません

効果はありますか?なぜ効果がないと言えるのでしょうか?高さ 41 ピクセルの 2 つの列と表の境界線を設定します。最も外側の表の高さはそれらの合計になります。 。 。あなたが望む効果は何ですか?ページ全体の 100%?

以前ASP.NETをやっていた時はテーブルの高さの設定は100%無効でしたが、ピクセルの設定はOKでした。親コンテナは本体です。
純粋な HTML で 100% に設定しても、同じコードが機能します。なぜだか分からない。

本体の高さの設定は必要ですか?

効果がありますか?なぜ効果がないと言えるのでしょうか?高さ 41 ピクセルの 2 つの列と表の境界線を設定します。最も外側の表の高さはそれらの合計になります。 。 。あなたが望む効果は何ですか?ページ全体の 100%?

最も外側のテーブルの高さは 100% に設定され、その高さは内側のテーブルの行の高さの合計ではありません。その後、高さが設定された 2 つの行が存在します。 、真ん中の行 その行は残りの高さを自動的に埋めるはずですが、IEではこのように機能しません
HTMLと本文の高さを設定したので、外側のテーブルの高さがページ全体を埋めることができます, しかし、なぜ IE で内部テーブルが無効になっているのかわかりません

おそらく IE ブラウザとの互換性の問題です。 。 。


私が一番知りたいのは、解決策があるかどうか…

IE が動かない場合は諦めて他の方法で指定してください。

リーリー

HTML code
b585974ae3b7dba3039af53a9593f9c4
9edbc9f8a17547b211646280ef16fe6e
93f0f5c25f18dab9d176bd4f6de5d30e
f28eabbec3feffb83eae6d1fe2347d5d
html,body{ 
    width:100%; 
    height:100%;
 } 

支持 18楼

你试试把 DOCTYPE 声明去掉,或修改成

76c82f278ac045591c9159d381de2c57 

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。