title: (html/css)  full-width header/ footer help needed: white margin/ space on all 3 sides
body: <p>This is a question helpful for any relative amateur/beginner who wants to build a simple html page with full width header and/or footer.</p>
  
  <p>I am such amateur and trying to help a friend put a site together on zero budget. </p>
  
  <p>I am using Kompozer/NVU for this, in case relevant for answer.</p>
  
  <p>Please don't cringe when you hear/see how I am doing this, no idea how many html or css Gods I am offending ;-) My question will also be in plain English with few or no proper terms...you have been warned.</p>
  
  <p>[note for mods: I will also dare to circumvent your spam protection newbie rule of max 2 links, for with my lack of programmer language one link says a thousand words in helping to clarify my issue, and thus I hope this is ok for everyone's benefit. no spam, promise!]</p>
  
  <p>MY SPECIFIC GOALS:</p>
  
  <p>I want my header and footer (on this page: <a href="http://abchealth.info/doc-mike-special/test/" rel="nofollow">http://abchealth.info/doc-mike-special/test/</a>) to </p>
  
  <ol>
  <li>be sticky/ always at the bottom</li>
  <li>have 0 margin/ white space around it</li>
  </ol>
  
  <p>and best</p>
  
  <ol>
  <li>the ~760-960px content area to always be centered and </li>
  <li>no scroll bar to appear in not maximized browser unless smaller than content area.</li>
  </ol>
  
  <p>(I understand 3&amp;4 [oh, second set of 1/2, this editor is editing me...] are separate issues, so no NEED to address them for the response to be complete, but it seems they'll come in pairs for many people, so why not try have it in one place...) </p>
  
  <p>MY PROBLEMS:</p>
  
  <p>Well, in short, none of the above is currently the case.</p>
  
  <p>Header and footer are simple tables (will all 0px margins, padding etc), and my current research indicates that</p>
  
  <ol>
  <li>it's a way outdated/ dumb way to do that (and I should use CSS box outside the body?) and</li>
  <li>The white spacing around it isn't from the website, but the actual "parent", the browser.</li>
  </ol>
  
  <p>WHAT I HAVE LEARNED/ TRIED</p>
  
  <p>I am down a sad several hours of research and attempts, but it turns out google and stackoverflow work much better if you know the proper keywords...shocking, I know.</p>
  
  <p>The most appropriate tutorial I seem to have found is at
  <a href="http://www.sitepoint.com/css-extend-full-width-bars/#fbid=5AozZvdpZOs" rel="nofollow">http://www.sitepoint.com/css-extend-full-width-bars/#fbid=5AozZvdpZOs</a>,</p>
  
  <p>but I can't even seem to follow those simple instructions, as they seem to assume a very basic understanding which apparently I lack. </p>
  
  <p>My following along looks like this:</p>
  
  <p>abchealth.info/   testx/</p>
  
  <p>The header solution worked fine BUT I am using the CSS body tag for the pages background image, so it's not an option for me and I need another way to do it (same as footer?).</p>
  
  <p>The footer I may or may not have done correctly, I don't even know, I only know I have not been able to now actually make it look as I want/ add a horizontally repeating image for the footer and make it look as on my page linked to above (just without the white space/ centered/ no unnecessary scroll bar).</p>
  
  <p>WHAT WOULD HELP ME THE MOST</p>
  
  <p>The more 'plain English' your response - or even better direct copy/paste this here, use these settings for that CSS tag kinda thing - the more likely I wont have to come back with an even dumber question...</p>
  
  <p>I hope I am not offending anyone with the level of my question, and if I did, you shouldn't have read to this far down and I still love you anyways :-)</p>
  
  <p>In case it helps/ saves you 30 seconds, the css file is main.css in the "test" folder linked to above (not "testx").</p>
  
  <p>Thank you so much in advance for your help!</p>
  
  <p>Michael</p>