Iframe’s overflow problem

In short, it is not possible to have an overflowed iframe. This post gives an explanation. To achieve the similar effect you’re after, you’re better off use AJAX to inject the embedded page into a div, and make the div overflow.

Responsive iframe with max width and height

I have a fixed height container containing both images and iframes. To make the images responsive and preventing both vertical and horizontal overflow I can just set the following CSS: This ensures that a portrait image would not overflow vertically and a landscape image would not overflow horizontally. For iframes, I’m using the “padding-ratio” technique, … Read more

Reload an iframe with jQuery

If the iframe was not on a different domain, you could do something like this: But since the iframe is on a different domain, you will be denied access to the iframe’s contentDocument property by the same-origin policy. But you can hackishly force the cross-domain iframe to reload if your code is running on the iframe’s parent page, … Read more

Load denied by X-Frame-Options: does not permit framing

Some websites have a server setting that will not allow other websites to “frame” their content. This is mainly to protect their copyrights and direct traffic to their websites only. This is typically done by adding the following to Apache’s configuration ( httpd.conf file): Unfortunately, there is really nothing you can do about it if you want … Read more