title: css add space above footer
body: <p>I have css code with html I would like to add space above the footer since my tables stick to the footer directly.</p>
  
  <p>please make sure every time i add table space should be there. between tables and footer.</p>
  
  <p>you can view my code at <a href="http://jsfiddle.net/hadinetcat/E8jd3/6/" rel="nofollow">http://jsfiddle.net/hadinetcat/E8jd3/6/</a></p>
  
  <p><strong>CSS code</strong></p>
  
  <pre><code>&lt;style type='text/css'&gt;
  
  
  
  .container3 {
  float:left;
  width:100%;
  /*background:green;*/
  overflow:hidden;
  position:relative;
  }
  .container2 {
  float:left;
  width:100%;
  background:#FFA500;
  position:relative;
  right:45%;
  
  }
  .container1 {
  float:left;
  width:100%;
  /*background:red;*/
  position:relative;
  right:40%;
  }
  
  .col1 {
  float:left;
  width:26%;
  position:relative;
  left:87%;
  overflow:hidden;
  height:570px;
  
  }
  
  .col2 {
  float:left;
  width:50%;
  position:relative;
  left:90%;
  overflow:hidden;
  
  }
  
  .col3 {
  float:left;
  width:26%;
  position:relative;
  left:80%;
  overflow:hidden;
  
  }
  
  .footer {
          border:1px solid orange;
          position: relative;
          padding:0px;
          margin-top:-5px;
      font-size:15px;
  
  
      }
  
  
  .signout {
  position:       absolute;
  width:          200;
  bottom:         150px;
  left:           5px;
  clear: both;
  font-size:20px;
  text-align:center
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div id="header" style="background-color:#FFA500;"&gt;
  
  &lt;h1 style="margin-bottom:0;"&gt;Wellcome To Balhalfe Services Customer Reports&lt;/h1&gt;
  
  &lt;div class="container3 "&gt;
  &lt;div class="container1 "&gt;
  &lt;div class="container2 "&gt;
  
  
  &lt;div class="col1"&gt;
  
  lalalallalalalallala &lt;br /&gt;
  lllllllllllllllllllll &lt;br /&gt;
  
  &lt;/div&gt;
  
  
  &lt;div class="col2"&gt;
  
  &lt;div align="center"&gt;
          &lt;H2 align="center"&gt; Report Table&lt;/H&gt;&lt;/div&gt; 
  
  &lt;table border="1" align="center"&gt; 
          &lt;tr&gt;
                  &lt;td&gt;&lt;b&gt;Name&lt;/b&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;b&gt;Mime&lt;/b&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;b&gt;Size (bytes)&lt;/b&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;b&gt;Created&lt;/b&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;b&gt;Download&lt;/b&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
  
  
  
              &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
  &lt;tr&gt;
                  &lt;td&gt;eu contres.txt&lt;/td&gt;
                  &lt;td&gt;text/plain&lt;/td&gt;
                  &lt;td&gt;546&lt;/td&gt;
                  &lt;td&gt;2013-08-22 00:06:55&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=4&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;tr&gt;
                  &lt;td&gt;1594(HA 10 AL HAALY).pdf&lt;/td&gt;
                  &lt;td&gt;application/pdf&lt;/td&gt;
                  &lt;td&gt;60964&lt;/td&gt;
                  &lt;td&gt;2013-08-29 23:40:07&lt;/td&gt;
                  &lt;td&gt;&lt;a style='text-decoration:none;'href=' get_file_work.php?id=6&amp;company=companya'&gt;Download&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  
  &lt;div class="col3"&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div class="signout"&gt;
  
  &lt;a  style='text-decoration:none;' href= "index.html"&gt;Sign Out &lt;/br&gt;&lt;/a&gt;
  
  &lt;/div&gt;
  
  &lt;div class="footer" style="background-color:#FFA500;clear:both;text-align:center;"&gt;
  Copyright © balhalfe services 20103-2014&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>