title: How to add a html file into another html file (with example)
body: <p>I asked the question <a href="https://stackoverflow.com/questions/39383773/how-to-add-a-html-file-into-another-html-file">before</a>, couldn't get help. Here's agin -
  I've a html file - "<em>main.html</em>" &amp; another html file "<em><a href="http://pechasgamestudios.com/richmedia/aci/" rel="nofollow noreferrer">content.html</a></em>", where content is absolute &amp; </p>
  
  <pre class="lang-js prettyprint-override"><code>contentWidth = window.innerWidth || root.clientWidth || body.clientWidth;
  contentHeight = window.innerHeight || root.clientHeight || body.clientHeight;
  </code></pre>
  
  <ul>
  <li>I don't know the height &amp; width of main. </li>
  </ul>
  
  <p>When I add the content on main by adding this code to <em>main.html</em> body -</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;object type="text/html" 
          data="http://pechasgamestudios.com/richmedia/aci/"
          width="100%"
          height="560"
          style="overflow:auto;border:0px ridge blue; position: absolute; top: 0px; left: 0px;"&gt;
  &lt;/object&gt;
  </code></pre>
  
  
  
  <p><em>main.html</em> became this - <a href="http://pechasgamestudios.com/richmedia/acitest/" rel="nofollow noreferrer">http://pechasgamestudios.com/richmedia/acitest/</a>
  Its not working well. There should be no scrollbar. What to do?</p>