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 [DATE]1335515006[/DATE] at [TIME]1335515006[/TIME] ---------------
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 [DATE]1335521213[/DATE] at [TIME]1335521213[/TIME] ---------------
the div that limits me is outside the app!!
<div id="pagelet_canvas_content" data-referrer="pagelet_canvas_content">