Forums » Installation

Removing scrollbar from iframe.

owen23
UNITED KINGDOM
2009-08-20 14:22:08
Permalink Post
 

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
UNITED KINGDOM
2009-08-20 14:24:21
Permalink Post
 

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

7
UK
2009-08-20 15:08:26
Permalink Post
 

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
UNITED KINGDOM
2009-08-20 15:15:53
Permalink Post
 

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
UNITED STATES
2010-02-27 07:16:29
Permalink Post
 

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
AUSTRALIA
2010-02-27 09:40:13
Permalink Post
 

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 A
GREECE
2010-02-27 09:43:51
Permalink Post
 

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

tedor2
UK
2010-07-22 16:33:05
Permalink Post
 

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

this code is cool!
thanks
K

tedor2
UK
2010-07-24 13:14:45
Permalink Post
 

an other way of doing similar things:

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

gormolesen
DENMARK
2010-10-19 19:42:11
Permalink Post
 

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
UNITED KINGDOM
2011-08-16 12:15:49
Permalink Post
 

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.

Showing 1 - 11 of 11 posts in Forum > Installation > Removing scrollbar from iframe.
 

You need to be logged in to post.