Removing scrollbar from iframe.

owen23 / 2009-08-20 14:22:08   

Hello Indexhibit people,

thankyou for a great CMS, I am slowly setting up my site, I have one issue so far, I am using the iframe plugin to display html pages with an FLV embedded and I am getting a scollbar - I think I need to add a height and width to the iframe to get rid of the scroll bars - can someone point me in the right direction on where I should be editing code?

here is the page:

http://owen.20three.com/index.php?/other/levis-video-campaign-spring-07/

works fine on this page with a smaller FLV:
http://owen.20three.com/index.php?/project/levi-strauss-campaign/

any help will be great.

regards

Owen

owen23 / 2009-08-20 14:24:21   

Sorry - I should have posted this in customization...

7 / 2009-08-20 15:08:26   

Hey Owen,

Yeah I think I got around this with something like

  1. #iframed { min-height: 3250px; overflow: hidden; }

in the CSS. I think there's something else you can do for width in the Iframe file. Can't remember off the top of my head though.

owen23 / 2009-08-20 15:15:53   

Hi 7, thanks for the reply. I put something similar in the css but the javascript was overwriting the width and height of the iframe...

is there a way to disable this?

cheers :)

owen

jringenberg / 2010-02-27 07:16:29   

Hey 7
Thanks a lot, that was very helpful. I set up iframed and was having the same scrollbar problem that everyone seems to have had, but your suggestion worked very well.

I'm using it do get my wordpress blog which required adding a min-width value too, but it looks perfect now.

thinkround / 2010-02-27 09:40:13   

Has anyone tested this with IE7 and IE8?
Just wondering whether this is a problem for more than just a few:
Iframe freezes in IE8

arsondpi / 2010-02-27 09:43:51   

Yes someone posted that before - ie8 friezed with a wordpress blog.
But mostly I've heard that it works great with ie7 & ie8

tedor2 / 2010-07-22 16:33:05   

#iframed { min-height: 3250px; overflow: hidden; }

this code is cool!
thanks
K

tedor2 / 2010-07-24 13:14:45   

an other way of doing similar things:

http://wordpress.org/support/topic/359086

gormolesen / 2010-10-19 19:42:11   

I succed but changing the contents margin bottom to zero in the style.css

  1. It looks like this:
  2. .container {
  3.     padding: 5px 5px 25px 5px;
  4. }#content p { width: 400px; margin-bottom: 0px; }

The default in sample was 9px before the change.

Works for me with inserted Wordpress to indexhibit:
http://gormolesen.dk/photoblog/

Good luck.

johnnytang888 / 2011-08-16 12:15:49   

Hello one and all,

I recently deleted an exhibit from my website due to google displaying the old name of said exhibit.

I reinserted the iframe code back into the exhibit text area. Now when I view the page, I have some very unusual browser behavior. The right hand scroll bar jumps all over the place leaving the website looking messy.

I have dug deep into the forums, but can't find the answer to fix it.

Here's the page in question - http://www.jonathanwinstone.co.uk/index.html/index.php?/blog/ - Resize your browser to see the questioned problem.

I tried the #iframed { min-height: 3250px; overflow: hidden; } but it cuts off my blog posts?

Thanks very much in advance. Jonathan.

This thread has been closed, thank you.