Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 27 Apr 2012, 07:26
ohadpartuck ohadpartuck is offline
 
Join Date: Mar 2012
Facebook app

Hi,
I have a very unique question but maybe someelse will need it also!
I have installed the facebook app on my forum (here)

Now, I want to display the footer ad(which in my case is an added feature.) always on the bottom of the page, meaning the user will always see it.

I have figured out how I am supposed to do it by setting the flash object properties as followed
#ticker
{position: fixed; bottom: 0; right: 12%; z-index: 6 !important;}

The thing is I have to figure out a way to set the facebook Iframe height to the screen height and enable scrolling in the iframe.

<iframe class="smart_sizing_iframe noresize" frameborder="0" scrolling="yes" id="iframe_canvas" name="iframe_canvas_fb_https" src='javascript:""' height="800" style="height: 3068px; overflow-y: hidden; "></iframe>

This code is facebook's so I can't change it to style="height: 500px; overflow-y: scroll; "... but I need to. any ideas??

I have tried the max height the body by
<body style="height:550px; overflow-y:scroll;">

but it didn't help.

--------------- Added 27 Apr 2012 at 08:23 ---------------

actually I figured it out but changing the #mainwrap{ settings to :
width: 760px;
max-height: 500px;
overflow-y: scroll;
overflow-x: hidden;
margin: 0 auto;
}


but now I have a problem that I don't know how extend my app width and the extrenal Iframe width also.

meaning my app will display wider all over the page.

--------------- Added 27 Apr 2012 at 10:06 ---------------

the div that limits me is outside the app!!

<div id="pagelet_canvas_content" data-referrer="pagelet_canvas_content">
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 04:38.

Layout Options | Width: Wide Color: