title: CSS Website Help Please
body: <p>I'm working on a website for a friend. I am new to CSS. When I open the code in the browser the webpage is not as wide as the screen. I would like it to fit the screen and not be so small. I currently use the free Coffee Cup HTML editor which is just a basic editor with preview capabilities.  I've been researching sites like W3Schools, HTML Dog.  Can anyone suggest some good resources? </p>
  
  <pre><code>   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;                                       &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  
      &lt;head&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
  
   &lt;title&gt;ABA Coach&lt;/title&gt;
  
  
       &lt;style type="text/css" media="screen"&gt;
  
  
  
  
       body       { margin: 0; padding: 0; }
        body    { color: #333; font: 14px Helvetica, Arial, sans-serif; line-height: 18px; }
        h2    { color: #333; }
        a    { color: #337810; }
        p    { margin: 0 0 18px; }
        #container  { width: 760px; margin: 0 auto;}
        #wrapper  { float: left; width: 100%; }
  
  
  
        /* Header */
        #header   { background-color: lightsteelblue; background-image: url('head.jpg'); border-style:ridge; border-bottom: 5px solid ; }
        /*
        #header h1   { color: black; margin: 0 0 3px; padding: 30px 18px 0; }
        #header p  { color: black; font-size: 11px; font-weight: bold; padding: 0 18px; }*/
  
  
        /* Content Style */
        #navigation  { border-bottom: 1px solid #ccc; }
        #navigation ul { padding: 0 18px 9px; }
        #extra   { border-bottom: 1px solid #ccc; }
        #extra small { font-size: 11px; line-height: 18px; }
        #content  { }
        #content p, #extra p { padding-right: 18px; }
  
        /* Content Positioning &amp; Size */
        #navigation  { float: left; margin-left: -742px; width: 175px; }
        #content  { margin: 0 215px 36px 215px; }
        #extra   { float: left; margin-left: -200px; width: 175px; }  
  
        /* Footer */
        #footer   { background: grey; border-bottom: 2px solid #999; clear: left; width: 100%; }
        #footer a  { color: #eee; }
        #footer p  { color: #ccc; margin: 0; padding: 0 18px 10px; }
        #footer ul  { border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
        #footer li  { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
  
  
      .center {
      text-align: center; }
  
  
      &lt;/style&gt;
  
  
          &lt;/head&gt;
          &lt;body&gt;
  
        &lt;div id="container"&gt;
  
          &lt;div id="header"&gt; 
  
          &lt;div class="center"&gt;
          &lt;p&gt;&lt;a href="index.html"&gt;&lt;img  src="images/head.jpg"  alt="logo" width="100%" height="10%"/&gt;&lt;/a&gt;&lt;/p&gt; 
  
  
  
        &lt;/div&gt;
  
        &lt;div id="wrapper"&gt;
         &lt;div id="content"&gt;
  
          &lt;h2&gt;All About ABA Coach&lt;/h2&gt;
  
          &lt;p&gt;ABA Coach is a company dedicated to working with individuals and families to provide training and behavior coaching. We have over twenty years of experience working of all levels of abilities. Our experience ranges from (ECI), public and private schools including college level work, independent corporations, and churches.&lt;/p&gt;
          &lt;p&gt;ABA Coach  provides expert level functional behavior assessments, behavior intervention plans, IEP development and ARD process intervention, classroom consultations, and behavior intervention plans.&lt;/p&gt;
          &lt;p&gt;ABA Coach administers presentations,consultations, hands on workshops, training for teachers, paraprofessionals, other professionals such as therapists, and siblings and family members.&lt;/p&gt;
         &lt;/div&gt;
        &lt;/div&gt;
        &lt;div id="navigation"&gt;
         &lt;h2&gt;Links&lt;/h2&gt;
         &lt;ul&gt;
          &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="client.html"&gt;Client Log-in&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="calendar.html"&gt;Calendar&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="forms.html"&gt;Online Forms&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="references.html"&gt;References&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;Contact ABA Coach&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
          &lt;img src="images/beach.jpg" width="130" height="105" alt="" title="" border="0" align="" /&gt;   
  
        &lt;/div&gt;
  
        &lt;div id="extra"&gt;
         &lt;h2&gt;What We Can Accomplish&lt;/h2&gt;
  
         &lt;p&gt;We can provide concrete data of the results of our work.&lt;/p&gt;
  
  
         &lt;p&gt;&lt;small&gt;Reports and data included:&lt;/small&gt;&lt;/p&gt;
  
         &lt;p&gt;&lt;small&gt;&lt;li&gt;Detailed data and charts of specific goals and changes.&lt;/li&gt;&lt;/small&gt;&lt;/p&gt;
         &lt;p&gt;&lt;small&gt;&lt;li&gt;Video evidence of changes.&lt;/li&gt;&lt;/small&gt;&lt;/p&gt;
         &lt;p&gt;&lt;small&gt;&lt;li&gt; specific goals.&lt;/li&gt;&lt;/small&gt;&lt;/p&gt;
  
        &lt;/div&gt;
        &lt;div id="footer"&gt;
         &lt;ul&gt;
          &lt;li&gt;&lt;a href="index.html"&gt;Home Page&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="client.html"&gt;Client Log-in&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="calendar.html"&gt;Calendar&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="forms.html"&gt;Online Forms&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="references.html"&gt;References&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;Contact ABA Coach&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
         &lt;p&gt; Copyright 2011 :  : 
  
  
  
  
        &lt;/div&gt;
       &lt;/div&gt;
       &lt;p&gt;&lt;a href="#top"&gt;Back to Top&lt;/a&gt;&lt;/p&gt;  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>