title: How to I make my php include stay at the bottom?
body: <p>So I've been editing my website and recently tried to upload the basics (index, css and some other pages) but when I have looked at one of the pages, the actual article overlaps the bottom div and I don't know how its done that.</p>
  
  <p>Here is the css for the bottom:</p>
  
  <pre><code>div#bottom {
      background-color: #2C292B;
      width: 100%;
      height: 120px;
      color: #888888;
      padding-top: 40px;
      padding-bottom: 40px;
  }
  
  div#copyright {
      background-color: #1F1D1E;
      width: 100%;
      height: 45px;
      font-weight: bold;
  }
  </code></pre>
  
  <p>And here is the code for the index: </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          if (location.pathname.substr(0, 3) !== "/m/" &amp;&amp; screen.width &lt;= 720) {
          location.href = "/m" + location.pathname;
  }
  &lt;/script&gt;
  &lt;a name="top"&gt;&lt;/a&gt;
  &lt;!doctype html&gt;
  &lt;html&gt;
  &lt;html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en-gb"&gt;
  &lt;head&gt;
      &lt;title&gt;michae|dylanEdwards - artistic blog&lt;/title&gt;
  
      &lt;link rel="icon" href="favicon.ico" type="image/x-icon"&gt;
      &lt;link rel="shortcut icon" href="favicon.ico" type="image/x-icon"&gt;
      &lt;link href = "_includes/style.css" rel="stylesheet" type="text/css" media="screen" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="_includes/style.css" /&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'&gt;
      &lt;link rel="stylesheet" type="text/css" href="_includes/slider/style.css" /&gt;
  
      &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta property="og:image" content="http://www.michaeldylanedwards.co.uk/admin/uploads/op-image.png"/&gt;
      &lt;meta property="og:description" content="michae|dylanEdwards is a contemporary British Art and Design Student at Liverpool John Moores University. In which creates works in which provide a sociological question in regards to how society sees itself. Also by means of design."/&gt;
      &lt;meta name="description" content="michae|dylanEdwards is a contemporary British Art and Design Student at Liverpool John Moores University. In which creates works in which provide a sociological question in regards to how society sees itself. Also by means of design."&gt;
      &lt;meta name="keywords" content="art blog mickword michaeldylanedwards michae|dylanEdwards michael dylan edwards liverpool john moores university sociological history"/&gt;
  
  &lt;script&gt;var SITE_URL = 'http://wowslider.com/';&lt;/script&gt;
  &lt;script type="text/javascript" src="_includes/slider/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="_includes/slider/a.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-25854704-1']);
  _gaq.push(['_setDomainName', '.wowslider.com']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_setAllowHash', false]);
  if(document.cookie.match("(^|;\\s)__utma") &amp;&amp; !/utmcsr=\(direct\)/.test(unescape(document.cookie))) {
      _gaq.push(
        ['_setReferrerOverride', ''],
        ['_setCampNameKey', 'aaan'], 
        ['_setCampMediumKey', 'aaam'], 
        ['_setCampSourceKey', 'aaas'], 
        ['_setCampTermKey', 'aaat'], 
        ['_setCampContentKey', 'aaac'], 
        ['_setCampCIdKey', 'aaaci']
      )
  }
  
  _gaq.push(['_trackPageview']);  
  
  (function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
  
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;center&gt;
          &lt;?php include("_includes/header.html"); ?&gt;
          &lt;div id="frontad"&gt;
              &lt;div id="wowslider-container1"&gt;
                  &lt;div class="ws_images"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;
                              &lt;a href="link"&gt;
                                  &lt;img src="_includes/slider/adverts/1.png" alt="" title="News Title Number #1" id="wows1_0"/&gt;
                              &lt;/a&gt;
                              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="link"&gt;
                                  &lt;img src="_includes/slider/adverts/2.png" alt="" title="News Title Number #2" id="wows1_1" /&gt;
                              &lt;/a&gt;
                              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="link"&gt;
                                  &lt;img src="_includes/slider/adverts/3.png" alt="" title="News Title Number #3" id="wows1_2"/&gt;
                              &lt;/a&gt;
                              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="link"&gt;
                                  &lt;img src="_includes/slider/adverts/4.png" alt="" title="News Title Number #4" id="wows1_3"/&gt;
                              &lt;/a&gt;
                              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;script type="text/javascript" src="_includes/slider/wowslider.js"&gt;&lt;/script&gt;
              &lt;script type="text/javascript" src="_includes/slider/script.js"&gt;&lt;/script&gt;
          &lt;/div&gt;
          &lt;div id="themespacer"&gt;&lt;/div&gt;
          &lt;div id="frontnews"&gt;
              &lt;div id="newsleft"&gt;
                  &lt;?PHP
                      $category = "6";
                      $template = "New_homepage";
                      $number = "3";
                      include("admin/show_news.php");
                  ?&gt;       
              &lt;/div&gt;
              &lt;div id="newsright"&gt;
                  Google Adsense Here
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;?php include("_includes/bottom.html"); ?&gt;
      &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the webpage itself:</p>
  
  <p><a href="http://www.michaeldylanedwards.co.uk/archives.php?id=1397654579" rel="nofollow">http://www.michaeldylanedwards.co.uk/archives.php?id=1397654579</a></p>
  
  <p>When I want it to look like this:</p>
  
  <p><a href="http://www.michaeldylanedwards.co.uk/" rel="nofollow">http://www.michaeldylanedwards.co.uk/</a></p>
  
  <p>Any help would be amazing!</p>
  
  <p>Edit: Here is the bottom.html too!</p>
  
  <pre><code>&lt;div id="themespacer"&gt;&lt;/div&gt;
          &lt;div id="bottom"&gt;
              &lt;div id="bottomcontent"&gt;
                  &lt;div id="bottomleft"&gt;
                      &lt;div id="bottomheader1"&gt;
                          SITE LINKS.
                      &lt;/div&gt;
                      &lt;img src="_img/spacer.png" width="0" height="25"/&gt;
                      &lt;a href="index.php"&gt;Homepage&lt;/a&gt;
                    &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                      &lt;a href="blog.php"&gt;Blog&lt;/a&gt;
                      &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                      &lt;a href="blog.php?id=1436143282"&gt;About Us&lt;/a&gt;
                    &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                      &lt;a href="blog.php?id=1436145183"&gt;Contact&lt;/a&gt;
                      &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                      &lt;a href="blog.php?id=1436140662"&gt;Privacy Policy&lt;/a&gt;
                &lt;/div&gt;
                  &lt;div id="bottomcenter"&gt;
                      &lt;div id="bottomheader1"&gt;
                          EXTERNAL LINKS.
                      &lt;/div&gt;
                      &lt;img src="_img/spacer.png" width="0" height="25"/&gt;
                      &lt;a href="http://www.facebook.com/mickeeART" target="_blank"&gt;Facebook&lt;/a&gt;
                    &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                    &lt;a href="http://www.twitter.com/mickeeART" target="_blank"&gt;Twitter&lt;/a&gt;
                      &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                    &lt;a href="http://michaeldylanedwards.tumblr.com" target="_blank"&gt;Tumblr&lt;/a&gt;
                      &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15"/&gt;
                    &lt;a href="http://www.instagram.com/mickeehh" target="_blank"&gt;Instagram&lt;/a&gt;
                      &lt;br&gt;
                      &lt;img src="_img/spacer.png" width="0" height="15" /&gt;
                    &lt;a href="http://www.ljmu.ac.uk" target="_blank"&gt;Liverpool John Moores University&lt;/a&gt;
                &lt;/div&gt;
                  &lt;div id="bottomright"&gt;
                      &lt;div id="bottomheader2"&gt;
                          Sign up for the newsletter!
                      &lt;/div&gt;
                      &lt;br&gt;
                      Coming Soon...
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="copyright"&gt;
            &lt;div id="copyrightcontent"&gt;
              &lt;div id="copyrightleft"&gt;
                      COPYRIGHT © 2015 MICHAELDYLANEDWARDS.CO.UK
              &lt;/div&gt;
                  &lt;div id="copyrightright"&gt;
                      &lt;a href="#top"&gt;
                          TOP OF PAGE
                      &lt;/a&gt;
                  &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>