How do I embed an external web page into my site and make it not display scroll bars etc?

Print article Email to friend
0.00

In WYSIWYG Editor right click on a page and select page html. In the "start of page" tab paste the following.

You'll need to add the following CSS to your stylesheet or within <style> tags in your HTML document's <head> section. 

 <style>

html, body {

width: 100%;

height: 100%;

overflow: hidden; /* Hides the scrollbar */

margin: 0;

}

#embedded-page {

height: 100%;

width: 100%;

border: none; /* Removes the default iframe border */

overflow: hidden; /* Prevents the iframe itself from scrolling */

}

</style>

 

Then paste the following in the "After <body> tag" tab

Insert the <iframe> tag into your HTML document, replacing "URL_of_page_to_embed" with the actual URL of the page you want to display. 

 <iframe id="embedded-page" src="YOUR WEB PAGE URL HERE" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>

How do I embed an external web page into my site and make it not display scroll bars etc?

In WYSIWYG Editor right click on a page and select page html. In the "start of page" tab paste the following.

You'll need to add the following CSS to your stylesheet or within <style> tags in your HTML document's <head> section. 

 <style>

html, body {

width: 100%;

height: 100%;

overflow: hidden; /* Hides the scrollbar */

margin: 0;

}

#embedded-page {

height: 100%;

width: 100%;

border: none; /* Removes the default iframe border */

overflow: hidden; /* Prevents the iframe itself from scrolling */

}

</style>

 

Then paste the following in the "After <body> tag" tab

Insert the <iframe> tag into your HTML document, replacing "URL_of_page_to_embed" with the actual URL of the page you want to display. 

 <iframe id="embedded-page" src="YOUR WEB PAGE URL HERE" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>