I need some help bad! please help

[charliestalling]

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
http://charliestallings.zymichost.com/test.html

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_proxy.php%3Fversion%3D3%23cb%3Df161a690f%26origin%3Dhttp%253A%252F%252Fcharliestallingsdesigns.tk%252Ffec85fc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;href=http%3A%2F%2Fwww.charliestallingsdesigns.tk&amp;locale=en_US&amp;numposts=10&amp;sdk=joey&amp;width=600"></iframe></span></fb:comments>
</div>

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;
	color:#FFFFFF;
}
#footer a:visited {
	text-decoration: none;
	color:#FFF
}
#footer a:hover {
	text-decoration: none;
	color:#999;
}
#footer a:active {
	text-decoration: none;
	color:#FFF
}

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

[Sammy12]

Anything that has to do with facebook, I would advice you to use meta propertys

http://ogp.me/

http://au.answers.yahoo.com/question...2111408AAYafck

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

[Sammy12]

http://developers.facebook.com/docs/...gins/comments/

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

[kwdamp]

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?