javascript - ie11 fixed header not working allowing scroll over -
i've got bit of javascript code on selecting menu item pdf file gets loaded field id=content. i've got fixed header , footer in place. code works fine chrome, safari, edge, firefox, & opera ie11 ignores fixed header , footer i've loaded pdf (but not left i've got menu).
here's javascript load pdf:
document.getelementbyid('content').innerhtml = "<object id='provue_file' data='"+file_name+"#view=fith' type='application/pdf' width='100%'><p>it appears don't have adobe reader or pdf support in web browser. <a href='"+file_name+"'>click here download pdf</a>. or <a href='http://get.adobe.com/reader/' target='_blank'>click here install adobe reader</a>.</p></object>";
here's header , footer css declarations:
div.header, div.footer { padding: 0.5em; color: blue; background-color: honeydew; clear: left; } .footer { border-top:1px solid gray; left:0; bottom:0; position: fixed; width: 100%; } .header { padding:0; margin:0; top:0; left:0; width: 100%; position: fixed; border-bottom:1px solid gray; }
and here's html declaring content:
<div class="content" id="content"> </div>
please note, fine in ie11 until javascript run
Comments
Post a Comment