View Full Version : i can not figure this out

07-02-2011, 05:04 AM
ok heres what i am doing im adding facebook comments to my website. I have it on my site and everything but when i click show more comments the footer doesnt go down and show the other comments it's like the footer blocks them all

here is the page


07-02-2011, 07:45 AM
Looks like it is showing them all to me.

07-02-2011, 08:05 AM
Looks like it is showing them all to me.
If you click underneath the comments 'show 10 more' then you see what he means, Corrosive.

In the facebook iframe code this piece of code is causing to cut-off the 'show 10 more' comments.
overflow-y: hidden; height: 964px;
I'm not sure if you can do it, but I believe it's wise to delete both selectors. The amount of the comments will then dictate the height.

07-02-2011, 02:02 PM
i deleted them both but nothing happend i know it can be done if you look at www.thisisvanisher.com you can see how they do it but im not sure what i am doing wrong.

Here is the code for the comments can you try and see if you can correct it please?

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=h ttp%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_pro xy.php%3Fversion%3D3%23cb%3Df161a690f%26origin%3Dh ttp%253A%252F%252Fcharliestallingsdesigns.tk%252Ff ec85fc%26relation%3Dparent.parent%26transport%3Dpo stmessage&amp;href=http%3A%2F%2Fwww.charliestallingsde signs.tk&amp;locale=en_US&amp;numposts=10&amp;sdk=joey&amp;width=6 00"></iframe></span></fb:comments>

07-02-2011, 02:05 PM
also here is the css for that and the footer. im not sure what i am doing wrong here

#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;

07-03-2011, 11:01 PM
ive tried using this for the past 4 days and havent gotten it to show up right and cant anyone seem to help.

if anyone can help me with this code please do. im using the generator from http://developers.facebook.com/docs/reference/plugins/comments/

i generate the code and paste it into dreamweaver then i preview it and try to click view more comments at the bottom and its like the frame doesnt expand ... i can not figure this out to save my life someone please help me.

the website im using in the code generator is charliestallingsdesigns.tk

please help

07-04-2011, 07:35 AM
I still believe that the overflow-y: hidden and the height: 964px is causing your issue. If I look at the comment generator from FB, I see that you can only set a width.
How did all those other CSS properties got in your iframe code? It's a mess with all these 'border' properties etc.

07-04-2011, 07:46 AM
Another thing... if I click on 'get code' then I get a nice and clean code (no terrible iframe).

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="example.com" num_posts="2" width="500"></fb:comments>

How did you get that iframe code?

07-06-2011, 04:34 AM
the inspect element thing in google chrome