Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    I need some help bad! please help

    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

    Code:
    <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

    Code:
    #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

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    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
    Last edited by Sammy12; 07-03-2011 at 12:16 AM.

  • #3
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    http://developers.facebook.com/docs/...gins/comments/

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

  • #4
    New Coder
    Join Date
    Jun 2011
    Posts
    46
    Thanks
    1
    Thanked 2 Times in 2 Posts
    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?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •