ohadpartuck
04-27-2012, 06:26 AM
Hi,
I have a very unique question but maybe someelse will need it also!
I have installed the facebook app on my forum (here (https://apps.facebook.com/sahkan_maof/category_list.php))
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 1335515006 at 1335515006 ---------------
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 1335521213 at 1335521213 ---------------
the div that limits me is outside the app!!
<div id="pagelet_canvas_content" data-referrer="pagelet_canvas_content">
I have a very unique question but maybe someelse will need it also!
I have installed the facebook app on my forum (here (https://apps.facebook.com/sahkan_maof/category_list.php))
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 1335515006 at 1335515006 ---------------
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 1335521213 at 1335521213 ---------------
the div that limits me is outside the app!!
<div id="pagelet_canvas_content" data-referrer="pagelet_canvas_content">