patbenatar/fb_iframe_size.coffee

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

## layout.css
html, body {
  width: 520px;
}

body {
  overflow: hidden;
}

#site_container {
  width: 520px;
}

## 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)
	html, body {
	width: 520px;
	}

	body {
	overflow: hidden;
	}

	#site_container {
	width: 520px;
	}