Removing scrollbars from Content Editor/Page Viewer Webpart

Question

I am trying to display an HTML page inside another SharePoint webpart page.

I used the Out-of-the-box page viewer webpart, but the page viewer webpart displays a disabled scrollbar inside it.

I also tried using a content editor webpart with an IFRAME tag in it, but still it didnt't work.

This is the code i used in the content editor webpart.

<iframe name="Iframe" src="URL1" scrolling="no"
    FRAMEBORDER="0" style="width:100%; border:0;  height:100%; overflow:hidden;">
</iframe>

Solution 1

Use this on your stylesheet:

#s4-workspace {

   overflow-y: hidden !important;

   overflow-x: hidden !important;

}

Solution 2

I get the best results with the web capture web part instead of the page viewer web part.

Make sure your content doesn't have defined sizes (so it flows in the smaller frame) and then tweak the web capture part sizes until the scroll bars disappear.

Cheers, Reeves