6 Replies Latest reply: Nov 14, 2012 6:01 AM by David_Powers RSS

    Two scripts not aligning correctly, 200px Width each, Link inside

    jbdreamweaver

      Hello all,

       

      I have a slight problem, I am attempting to align a twitter script and another script on one page, next to eachother, yet no matter how small I make the width of the style div, they remain on two individual alignments, one below the other.  I have attempted to close the first DIV after the second but to no avail.

       

      Link:

       

      http://entasistours.com/twitter.html

       

      Style:

       

      .debate{

      height:1000px;
      width: 200px;
      margin-top: 20px;
      margin-left: 8px;

       

      }

       

      Code:

       

      <div class="clear"> </div>

       

      <div class="debate">

      <a class="twitter-timeline"  href="https://twitter.com/entasis" data-widget-id="268698405683994624">Tweets by @entasis</a>

      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id =id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(docu ment,"script","twitter-wjs");</script>

      </div>

       

       

      <div class="debate">

      <script>

      var idcomments_acct = 'e1b1a147378ac51e02992098d4ac0571';

      var idcomments_post_id;

      var idcomments_post_url;

      </script>

      <span id="IDCommentsPostTitle" style="display:none"></span>

      <script type='text/javascript' src='http://www.intensedebate.com/js/genericCommentWrapperV2.js'></script>

      </div>

       

      <div class="footer">

       

      ----

       

      Many thanks in advance for any help.