title: Remove site header and footer inside iframe
body: <p>I have a website that contains a category page. I want to include this category page in the home page but without the header and footer when it is in the iframe. But, if a user accesses it from its URL it should show the full page. Also, have the iframe resize to be the same height and width as the page.</p>
  
  <p>I have tried to load the iframe and remove the header and footer but the problem is:</p>
  
  <ol>
  <li><p>The resize function doesn't work because the resize function calculates the header and the footer before removed</p></li>
  <li><p>It appears as a full webpage with the header and the footer then it removed </p></li>
  </ol>