title: Way to use iFrame, without CORS error
body: <p>I'm trying to offer users a way to have a top bar, and the bottom would be an IFRAME, loaded with the content we send them to (with us sending them to the next site when needed)</p>
  
  <p>So, I have:</p>
  
  <pre><code>&lt;div id="top"&gt;
     some menu options here
  &lt;/div&gt;
  &lt;div id="frame"&gt;
      &lt;iframe id="newsViewer" src="http://www.bbc.com"  frameBorder="0" border="0"&gt;Sorry, please enable iFrames to view this&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...and CSS:</p>
  
  <pre><code>#top {
      background: rgb(249,249,249);
      position: fixed;
      height: 90px;
      top: 0px;
      left: 0px;
      width: 100%;
  
  }
  #frame {
      /*background:red;*/
      border-top: 4px dashed #eee;
      position: fixed;
      top: 90px;
      left: 0px;
      height: 100px;
      width: 100%;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/h2nyLhmu/" rel="nofollow">https://jsfiddle.net/h2nyLhmu/</a></p>
  
  <p>This gives a CORS error though:</p>
  
  <blockquote>
    <p>Load denied by X-Frame-Options: <a href="http://www.bbc.co.uk/" rel="nofollow">http://www.bbc.co.uk/</a> does not permit
    cross-origin framing.</p>
  </blockquote>
  
  <p>I kinda understand why they are doing it, but it totally screws up the whole model of the system I was going to use to show the links :/</p>