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

Popular posts from this blog

javascript - Laravel datatable invalid JSON response -

java - Exception in thread "main" org.springframework.context.ApplicationContextException: Unable to start embedded container; -

sql server 2008 - My Sql Code Get An Error Of Msg 245, Level 16, State 1, Line 1 Conversion failed when converting the varchar value '8:45 AM' to data type int -