View Full Version : I need some help bad! please help

07-02-2011, 04:46 PM
Ok i am wanting to put facebook comment on my website which i have figured out but when i click the link to show more comments the footers doesnt go down and its like it hides the newly shown comments

heres the link to a live view of what im talking about

here is the coding

<div id="facebook"><h2>Leave A Comment</h2>
<fb:comments href="http://www.charliestallingsdesigns.tk" num_posts="10" width="600" class=" fb_iframe_widget"><span><iframe id="f348149718" name="f97b19f44" scrolling="no" style="border-width: initial; border-color: initial; overflow-x: hidden; overflow-y: hidden; height: 964px; width: 600px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " class="fb_ltr" src="http://www.facebook.com/plugins/comments.php?api_key=190278311009080&amp;channel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_pro xy.php%3Fversion%3D3%23cb%3Df161a690f%26origin%3Dhttp%253A%252F%252Fcharliestallingsdesigns.tk%252Ff ec85fc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;href=http%3A%2F%2Fwww.charliestallingsde signs.tk&amp;locale=en_US&amp;numposts=10&amp;sdk=joey&amp;width=600"></iframe></span></fb:comments>

and the css

#facebook {
position: relative;
margin-left: auto;
display: block;
color: #000;
letter-spacing: 2px;
margin-right: auto;
background-image: url(images/bg.png);
background-repeat: no-repeat;
background-position: center top;
width: 1100px;

#footer {
clear: both;
bottom: 0px;
color: rgba(152,152,152,1);
background-color: rgba(0,0,0,1);
text-align: center;
width: 100%;
height: 75px;
padding-top: 10px;
background-image: url(images/banner.png);
background-position: center;
position: static;
#footer li {
display: inline;
#footer a:link {
text-decoration: none;
#footer a:visited {
text-decoration: none;
#footer a:hover {
text-decoration: none;
#footer a:active {
text-decoration: none;

i know it can be done ive seen it goto http://thisisvanisher.com/stream and see how they did it but i cant figure it out

07-02-2011, 11:42 PM
Anything that has to do with facebook, I would advice you to use meta propertys



as for your question, try setting a min-height to the iframe instead of a height. Also, overflow x and y are hidden on the iframe. Set scrolling: yes.

EDIT: Okay so I fiddled with the script for about 30 minutes, and the min-height of the iframe will control whether your comments will appear or not. Why they aren't appearing when you click the button I have no clue. Might be a java issue. Facebook wrote this right? It's pretty messy. I mean you can't set scroll: yes, very odd.

Sorry, I have absolutely no clue. I would advise you to just try and delete all overflows and height restrictions

07-03-2011, 12:19 AM

You should try and read through this. Near the bottom, it explains adding more comments

07-03-2011, 12:37 AM
I'm not sure exactly how to fix it, but the problem has to do with how it is interpreting the height of the block. For instance, if you change your height in the iframe from "height: 964px;" to "height: 2000px", they all show.

I'm guessing you need to either find some way to dynamically control the height (if you really want them to run on forever), or you need to find some way to add a scroll bar.

Sorry i can't be of more help, but hopefully this gets you on to the right track.

PS. Have you tried the developer forums on facebook?