title: Script tag messes my website up
body: <p>As the title describes, i cannot understand the reason why, by adding this line at the bottom of my page</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>my website messes up.</p>
  
  <p>The code at the end of my file is this </p>
  
  <pre><code>    &lt;/div&gt;&lt;!-- /.center --&gt;
  
      &lt;!-- add new calendar event modal --&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
      &lt;!-- Bootstrap WYSIHTML5 --&gt;
      &lt;script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;!-- AdminLTE App --&gt;
      &lt;script src="js/AdminLTE/app.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;!-- here --&gt;&lt;script type="text/javascript" src="js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Usename Availability --&gt;
  </code></pre>
  
  <p>and by adding the line above, exactly below the</p>
  
  <p><code>&lt;!--AdminLTE App--&gt;</code></p>
  
  <p>my website changes height and it becomes shorter like in the photos below. Any help will be appreciated.</p>
  
  <p><a href="https://i.stack.imgur.com/yzUZU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yzUZU.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/8RKGe.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8RKGe.jpg" alt="enter image description here"></a></p>