title: How can I make an iframe capture ONLY one element of a web page?
body: <p>I'm trying to capture <code>div#map-canvas</code> from my site, <a href="http://richblockspoorblocks.com" rel="nofollow">www.RichBlocksPoorBlocks.com</a>, to make an iframe that people can embed anywhere.</p>
  
  <p>Here's my iframe</p>
  
  <pre><code>&lt;iframe src="http://www.richblockspoorblocks.com#map-canvas" style="width:600px; height:400px;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>It goes to <code>div#map-canvas</code>, but it also loads the rest of the page as well. I'd like that div to be the only thing in the iframe.</p>
  
  <p>Is this possible with an iframe?  </p>