{"id":545,"date":"2011-08-10T02:41:09","date_gmt":"2011-08-09T18:41:09","guid":{"rendered":"http:\/\/www.clonefactor.com\/wordpress\/?p=545"},"modified":"2013-08-17T23:17:34","modified_gmt":"2013-08-17T15:17:34","slug":"bug-ie7-table-auto100-height","status":"publish","type":"post","link":"https:\/\/www.clonefactor.com\/wordpress\/public\/545\/","title":{"rendered":"Bug: IE7 table auto\/100% height"},"content":{"rendered":"

IE(7)-BUG<\/span><\/strong> \u4f7f\u7528 table \u6642\u6703\u51fa\u73fe\u904b\u7b97\u932f\u8aa4.<\/p>\n

[html]<table border="0" cellspacing="0" cellpadding="0" height="80%">
\n\t<tbody>
\n\t\t<tr bgcolor="red" height="20"><td>&nbsp;<\/td><\/tr>
\n\t\t<tr bgcolor="green" ><td>&nbsp;<\/td><\/tr>
\n\t\t<tr bgcolor="blue" height="20"><td>&nbsp;<\/td><\/tr>
\n\t<\/tbody>
\n<\/table>[\/html]<\/p>\n

\u4e00\u500b\u4f7f\u7528\u7c21\u55ae\u7684 table \u4f86\u88fd\u4f5c\u7684 auto height \u80cc\u666f, <\/span>\u6211\u5011\u5e0c\u671b “Green”\u5e95\u8272\u662f\u53ef\u4ee5 auto fill \u6eff\u6240\u6709\u7a7a\u9593\u7684,<\/span><\/p>\n

\u9019\u5728 IE6, IE8, \u53ca\u5176\u4ed6 browser \u7686\u6c92\u6709\u554f\u984c.<\/span>\u00a0\u800c\u4f60\u6703\u767c\u73fe “Red” \u6c38\u9060\u8cbc\u4e86\u6700\u5927\u7684\u7a7a\u9593<\/span><\/p>\n

\u800c\u7576\u6211\u5011\u5617\u8a66<\/p>\n

[html]<tr bgcolor="green" height="100%"><td>&nbsp;<\/td><\/tr>[\/html]<\/p>\n

\u4f60\u6703\u767c\u73fe, table \u7684\u6574\u9ad4<\/span><\/strong>\u9ad8\u5ea6\u53cd\u800c\u88ab\u52a0\u9ad8\u4e86…..(\u5373\u4e26\u4e0d\u662f\u539f\u672c\u7684 “80%” \u9ad8.)<\/p>\n

\u9019\u662f\u56e0\u70ba, IE7 \u7684 100% height \u662f\u76f4\u63a5\u81ea td\/tr -> table \u8eab\u4e0a\u53d6\u5f97\u7684\u503c, \u800c\u4e14\u4e92\u76f8\u5f71\u97ff..<\/p>\n

\u4e26\u4e0d\u662f\u4e00\u822c\u7684 td->tr->table \u7684\u5c64\u758a\u95dc\u4fc2…\u53c8\u662f\u67d0\u500b\u8166\u6b98Programmer<\/del>.<\/p>\n

\u767d\u75f4\u517c\u4f4e\u667a\u5546\u7684 IE7 \u4e26\u4e0d\u80fd\u7406\u89e3\u751a\u9ebc\u662f height = 80% – 20px – 20px.<\/p>\n

\u5982\u679c\u65bc\u7248\u9762\u4e2d\u5fc5\u9808\u4ee5 height:auto \u7684\u65b9\u5f0f\u986f\u793a. \u53ef\u4ee5\u8003\u616e \u9000\u56de\u524d\u4e00\u500b\u7248\u672c\u7684\u00a0DOCTYPE<\/p>\n

[html]<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 3.2 Final\/\/EN">[\/html]<\/p>\n

\u53ef\u662f\u56e0\u70ba\u9019\u6a23\u800c\u5f15\u8d77\u7684\u5176\u4ed6\u986f\u793a\u932f\u8aa4\u5247\u7121\u80fd\u70ba\u529b…IE6 \u7684\u986f\u793a\u66f4\u767d\u75f4…<\/del><\/p>\n","protected":false},"excerpt":{"rendered":"

IE(7)-BUG \u4f7f\u7528 table \u6642\u6703\u51fa\u73fe\u904b\u7b97\u932f\u8aa4. [html]<table borde …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[76],"class_list":["post-545","post","type-post","status-publish","format-standard","hentry","category-public","tag-css"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=545"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/545\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}