ホームページ >ウェブフロントエンド >htmlチュートリアル >IEでテーブルの高さを100%に設定しているのにinvalid_html/css_WEB-ITnoseになる場合
IEでテーブルの高さを100%に設定しているのにinvalid_html/css_WEB-ITnoseになる場合
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-21 09:39:111547ブラウズ
<!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