title: Expand or shrink depending on the screen size using css
body: <p>I'm pretty rubbish with CSS, I muddle through and rather than bash my head against a brick wall...</p>
  
  <p>www.SchofieldBell.com</p>
  
  <p>I have the book part of the page in the middle by placing everything inside #wrapper: </p>
  
  <pre><code>#wrapper
  {
      BORDER-RIGHT: 0px solid; 
      BORDER-TOP: 0px solid; 
      BORDER-LEFT: 0px solid; 
      BORDER-BOTTOM: 0px solid; 
  
      PADDING-TOP: 0px;   
      PADDING-RIGHT: 0px; 
      PADDING-LEFT: 0px; 
      PADDING-BOTTOM: 17px; 
      MARGIN: 0px auto; 
  
      WIDTH: 900px;
  
      DISPLAY: block;
  
      POSITION: relative; 
      TOP: 0px; 
  }
  </code></pre>
  
  <p>But I want the left hand side of the page (the bit that's missing) to expand or shrink depending on the screen size...</p>
  
  <p>Any ideas?</p>