title: How can I embed a twitch.tv channel with chat on a site?
body: <p>I am making a twitch page for my site, and I need help on how to make it so there is a twitch.tv player on one side, and the twitch.tv chat on the other side. I tried this:</p>
  
  <pre><code>&lt;div align="left"&gt;
      &lt;object type="application/x-shockwave-flash" height="500" width="900"     id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=clodbegamingnetwork" bgcolor="#000000"&gt;
          &lt;param name="allowFullScreen" value="true" /&gt;
          &lt;param name="allowScriptAccess" value="always" /&gt;
          &lt;param name="allowNetworking" value="all" /&gt;
          &lt;param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /&gt;
          &lt;param name="flashvars" value="hostname=www.twitch.tv&amp;channel=clodbegamingnetwork&amp;auto_play=true&amp;start_volume=25" /&gt;
      &lt;/object&gt;
  
  &lt;div align="right"&gt;    
      &lt;iframe frameborder="0" scrolling="no" src="http://twitch.tv/clodbegamingnetwork/chat?popout=" height="500" width="350"&gt;
      &lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it Doesnt work. It does this:</p>
  
  <p><a href="http://prntscr.com/48xiuh" rel="nofollow">http://prntscr.com/48xiuh</a> </p>
  
  <p>(I zoomed out)</p>
  
  <p>So does anyone fix this for me. I can't seem to figure out how this would work.</p>
  
  <p>Example of how I would like the allignment to look (ignore the title at the bottom of the twitch player): 
  <a href="http://prntscr.com/48xjj2" rel="nofollow">http://prntscr.com/48xjj2</a></p>
  
  <p>Thanks!</p>