patbenatar · May 10, 2012 17:24
diff --git a/fb_iframe_size.coffee b/fb_iframe_size.coffee
 $ ->
  setFbSize()
  $('body').bind('resizeframe', setFbSize)
  
  # If this page has fbcomments on it, we need to set height at an interval
  # so we resize when new comments/interactions with that widget happen
  if $('.fb-comments').length
    setInterval(setFbSize, 100)

 $(window).load ->
  setFbSize()


 setFbSize = ->
  h = $('#site_container').outerHeight(true)
  
  # set size of fb canvas
  FB.Canvas.setSize
    width: 520
    height: h
  
  # set size of body
  $('body').height(h)
diff --git a/layout.css b/layout.css
 html, body {
  width: 520px;
 }

 body {
  overflow: hidden;
 }

 #site_container {
  width: 520px;
 }
diff --git a/layout.html.erb b/layout.html.erb
 <body>
  <div id="site_container">
    <%= yield %>
  </div>
 </body>
	$ ->
	setFbSize()
	$('body').bind('resizeframe', setFbSize)

	# If this page has fbcomments on it, we need to set height at an interval
	# so we resize when new comments/interactions with that widget happen
	if $('.fb-comments').length
	setInterval(setFbSize, 100)

	$(window).load ->
	setFbSize()


	setFbSize = ->
	h = $('#site_container').outerHeight(true)

	# set size of fb canvas
	FB.Canvas.setSize
	width: 520
	height: h

	# set size of body
	$('body').height(h)