title: Change Background Color HTML Page
body: <p>I am using a simple HTML page with a few tables in it, and I want to change the background color of the page. When I try changing the bgcolor it only changes a little thin line at the very bottom of the page where it says footer text here, rather than the background color. I don't want to change the color of the tables but just the color behind so that the outer edges of the page have the background color and the centre has a white table with content.</p>
  
  <p>Here is a draft of the code from the table:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Language" content="en-gb"&gt;
  &lt;title&gt;Your Title Here&lt;/title&gt;
  
  &lt;style&gt;
  LI.MsoNormal {
  FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; mso-style-parent: ""; margin-    left:0in; margin-right:0in; margin-top:0in; margin-bottom:0pt
  }
  .H1 {
  FONT-SIZE: 36px; : #d70305
  }
  H1 {
  FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
  }
  H2 {
  FONT-SIZE: 20px; COLOR: #000000
  }
  H2 {
  FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
  }
  .style22 {font-size: 12px}
  .style13 {font-family: Tahoma;
  font-size: 24px;
  font-weight: bold;
  }
  .style16 { font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24pt;
  color: #000000;
  font-weight: bold;
  }
  .style17 {color: #993300}
  .style3 {font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  }
  .style4 {color: #666633;
  font-size: 12px;
  }
  .style6 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
  .style90 {font-size: 18pt}
  .headline1 {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 24pt;
  font-weight: bold;
  color: #C00;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#242424"&gt;
  &lt;table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;
  &lt;td align="center" background="images/top.jpg"&gt;
  &lt;img src="images/header.jpg" width="873" height="233"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td style="background-image:url(images/middle.jpg); background-repeat:repeat-x;    background-color:#ffffff"&gt;
  &lt;table width="859" border="0" align="center" cellpadding="0" cellspacing="0"  background="images/sides.jpg"&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;table width="780" border="0" align="center" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;div align="center"&gt;
  
  
  &lt;!--Table Content here--&gt;
  
  &lt;/div&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/table&gt;             
  &lt;/td&gt;
  &lt;tr&gt;
  &lt;td align="center" background="images/bottom.jpg"&gt;
  &lt;img src="images/footer.jpg" width="873" height="126"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;font color="#999999" size="2" face="Tahoma"&gt;footer text here&lt;/font&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>