How can I automatically resize the height of an iframe such that it takes the height of an external website without showing the scrollbars. Thanks in advance
I may very well be wrong, but I don't think this is possible. You can certainly get rid of scrollbars, but the iframe is not aware of the size of the content AFAIK.
cant measure the external web page,
can make it fit the screen,
you get a scroll bar, inside the iframe, if the external site is bigger than 1 screen, appears close to the same site not in an iframe
many sites wont allow their content in an iframe, they use a framebreaker script
Thanks almostbob. I am new to this. How should I implememt this code and where should I put the source URL. Below is an example of what I have
<iframe src="http:/www.abc.com" width="100%"></iframe>
the iframe call at the bottom, it is only an example
Modify your iframe to have the id referenced in the script
<iframe id='IFRAMEID' src="http:/www.abc.com" width="100%"></iframe>
the second script is not part of it, just an eample of a framebreaker, googleyahoo translate aware, in case the target site won't stay in your iframe, to let you see what is possible, no way to undo their framebreaker on your site
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.