Chromeとffを使用してWebページを開発しています。最近、IEでも動作する必要があると言われました。私はすでにIEの二重パディングの問題を解決しました。問題は、javascript setinterval によって div が置き換えられた後、「グリッド」の内容が消えることです。これは、IE でページを表示している場合にのみ発生します。
これは、動的に作成されて印刷されるページに至るまでのページのコードです。
<div id=\"col1a\" style=\"float:left; width:605px; height:300px;\"> \
<div id=\"GridContent\" class=\"FormContent\"> \
<div id=\"ContentPlaceHolder1_FormSection\" class=\"FormSection\"> \
<div id=\"ContentPlaceHolder1_ProgramGridHeader\" class=\"ProgramGridHeader\"> \
<div id=\"ContentPlaceHolder1_HeaderRow\" class=\"HeaderRow\"> \
<div readonly=\"readonly\" class=\"Cell\" style=\"width: 57px\">Stage</div><div class=\"Cell\" style=\"width: 78px\">Type</div><div class=\"Cell\" style=\"width: 50px\">Time</div><div class=\"Cell\" style=\"width: 44px\">Int</div><div class=\"Cell\" style=\"width: 44px\">Dry</div><div class=\"Cell\" style=\"width: 44px\">Wet</div><div class=\"Cell\" style=\"width: 52px\">RH%</div><div class=\"Cell\" style=\"width: 72px\">Option</div><div class=\"Cell\" style=\"width: 72px\">Damper</div><div class=\"Cell\" style=\"width: 44px\">Fan</div> \
</div><br /> \
<div class=\"Row\" position: relative;> \
"};
以下は、IE専用のCSSです
.Row { border: solid 0px green; float: left; min-width: 0; clear:both; position: relative; -webkit-border; padding 1;}
.RowCompleted { border: solid 0px #7F9DB9; background-color: #C0C0C0; color: #000;}
.RowNoShower { border: solid 0px #7F9DB9; background-color: #FFF; color: #000; min-width: 0; }
.RowColdShower { border: solid 1px #7F9DB9; background-color: #ADD8E6; color: #000; }
.RowWarmShower { border: solid 1px #7F9DB9; background-color: #FB0; color: #000; }
.RowHotShower { border: solid 1px #7F9DB9; background-color: #F00; color: #FFF; }
.RowInProgress { border: solid 0px #7F9DB9; background-color: #0F0; color: #000;}
.RowPaused { border: solid 0px #7F0DB9; background-color: #00F; color: #FFF;}
コンテンツが消える理由を理解していただければ幸いです -- ありがとうございます --