title: How to remove the bottom margin of page using CSS
body: <p>Please see this page:</p>
  
  <p><a href="http://artezanatostudio.com/index.php" rel="nofollow">http://artezanatostudio.com/index.php</a></p>
  
  <p>Notice that at the bottom there is a margin below the footer bottom line. Thus far, all my efforts to get rid of it have failed. I have attempted to use:</p>
  
  <pre><code>body, html { margin: 0; padding: 0; }
  #footer { margin: 0; padding: 0; }
  </code></pre>
  
  <p>I even tried:</p>
  
  <pre><code>#footer { margin: -50px; }
  </code></pre>
  
  <p>All to no avail.</p>
  
  <p>While the page has many CSS files, the two important ones that I am editing to try to remove the bottom space are the following</p>
  
  <p>site_above/includes/templates/zenn/css/style.css</p>
  
  <p>and</p>
  
  <p>site_above/includes/templates/zenn/css/style-ci.css</p>
  
  <p>If you can provide any clues to assist me it would prevent me from going bold prematurely and you will have the satisfaction that you helped someone who was going mad.</p>
  
  <p>Thanks in advance.</p>