title: How to make sticky footer
body: <pre><code>&lt;body&gt;
  &lt;div id="containers" &gt;     
  &lt;div id="header"&gt;
  &lt;table&gt; &lt;tr&gt;
  &lt;td&gt;&lt;div id="logo"&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div id="band-logo"&gt; 
  &lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div id="facebook"&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;
  &lt;/td&gt;&lt;/tr&gt; 
  &lt;div id="amenu"&gt;
  
  &lt;ul id="mainMenu"&gt;&lt;li id="first"&gt;&lt;/li&gt;&lt;li&gt;&lt;/li&gt;&lt;li id="last"&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt; 
  
  &lt;div id="clearheader"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;div id="container"&gt;
  
  
  
  &lt;div id="subMainBox"&gt;&lt;/div&gt;
  &lt;div id="mainBox"&gt;
  &lt;div id="contents"&gt;
  &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;  
  &lt;div id="footer_show"&gt; &lt;div id="fd"&gt;
  &lt;div id=copy_right&gt;&lt;br /&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>(CSS CODE UPDATED)
      #containers{
      width:1000px; 
      margin: 0 auto; 
      position:relative;
      margin-top:-20px;
      }</p>
  
  <pre><code>#container{
  position:relative;
  top:-247px;}
  
  #header{
  width:1000px; 
  margin: 0 auto; 
  } 
  #contents{
  position:relative;
  top:-60px;
  left:30px;
  }
  
  #mainBox{
  height:500px;
  float:right;
  width:650px;
  margin:0 150px 0 150px;
  }
  
  #mainBox2{
  float:right;
  width:650px;
  margin:0 120px 0 150px;
  }
  </code></pre>
  
  <p>The code as above, can anyone help to make this code to sticky footer? I have tried many methods. Thanks.(CSS CODE UPDATED)</p>