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)
So, I have:
<div id="top">
some menu options here
</div>
<div id="frame">
<iframe id="newsViewer" src="http://www.bbc.com" frameBorder="0" border="0">Sorry, please enable iFrames to view this</iframe>
</div>
...and CSS:
#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%;
}
https://jsfiddle.net/h2nyLhmu/
This gives a CORS error though:
Load denied by X-Frame-Options: http://www.bbc.co.uk/ does not permit cross-origin framing.
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 :/