title: Centering a website horizontally and vertically
body: <p>view on <a href="http://www.eveo.org" rel="nofollow">http://www.eveo.org</a><br>
  download site for easy modification:<br>
  <a href="http://www.eveo.org/backup/eveo.rar" rel="nofollow">http://www.eveo.org/backup/eveo.rar</a><br>
  <a href="http://www.eveo.org/backup/eveo.zip" rel="nofollow">http://www.eveo.org/backup/eveo.zip</a>  </p>
  
  <p>As you can see right now, it is centered horizontally and vertically using an easy table method:</p>
  
  <pre><code>&lt;table cellpadding="0" cellspacing="0"&gt;
     &lt;tr&gt;
        &lt;td align="left"&gt;
           *put anything in here and it will be aligned horizontally and vertically
        &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  
  accompanying CSS:  
  
  table 
  {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  }
  </code></pre>
  
  <p>However, in my document I did not set a doctype, I only have:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;  
  </code></pre>
  
  <p>If I add a standard doctype such as the following:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  </code></pre>
  
  <p>my table method is no longer valid and does not work. So I need a new way to center my webpage vertically and horizontally regardless of browser window size.</p>