title: How to add scroll bar to webpage?
body: <p>I have a webpage built with html and css on which content is being clipped at the bottom of the page. I would like to add scrolling to the page but am unable to do so. I have tried the traditional html{ overflow: scroll;} or html { overflow: auto;} and neither seems to work. I am working with google chrome and have tried it on safari also but the scroll bar never seems to appear. I would like to know what I am missing and would really appreciate any help with making the webpage scroll.</p>
  
  <p>And I am using position: fixed and am not using position: relative, I read somewhere that might make a difference but am hoping against hope that it won't coz I am going to have to change many things if I make that change. Please do let me know whether there is a way to make the webpage scroll with fixed positioning or whether that is the problem.</p>
  
  <p>Any help would be much appreciated.</p>
  
  <p>I have posted my code below, I apologize for the very messy code in advance, I am very new to web development:</p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  html
  {
      overflow: scroll;
  }
  
  th
  {
      left:700px;
      top:300px;
      position:fixed;
  }
  td.first_name_text
  {
      left:700px;
      top:330px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.first_name_textbox
  {
      left:854px;
      top:330px;
      position:fixed;
  }
  td.last_name_text
  {
      left:700px;
      top:378px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.last_name_textbox
  {
      left:854px;
      top:378px;
      position:fixed;
  }
  td.email_text
  {
      left:700px;
      top:426px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.email_textbox
  {
      left:854px;
      top:426px;
      position:fixed;
  }
  td.dob_text
  {
      left:700px;
      top:474px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.dob_month_textbox
  {
      left:824px;
      top:474px;
      position:fixed;
  }
  td.dob_day_textbox
  {
      left:969px;
      top:474px;
      position:fixed;
  }
  td.dob_year_textbox
  {
      left:1056px;
      top:474px;
      position:fixed;
  }
  td.sex_text
  {
      left:700px;
      top:510px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.loginId_text
  {
      left:700px;
      top:550px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.loginId_textbox
  {
      left:790px;
      top:550px;
      position:fixed;
  }
  td.password_text
  {
      left:700px;
      top:580px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  td.password_textbox
  {
      left:790px;
      top:570px;
      position:fixed;
  }
  td.confirm_password_text
  {
      left:790px;
      top:570px;
      position:fixed;
      background-image:url(required-field.png);
      background-position:top right;
      background-repeat:no-repeat;
      padding-right:10px;
  }
  
  
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;form name="user_registration_form" metod="post" action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;"&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;User Registration&lt;th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="first_name_text" style="font-size:18px;"&gt;Patient First Name&lt;/td&gt;
          &lt;td class="first_name_textbox"&gt;&lt;input type="text" name="first_name" maxlength="30" size="40" style="height:30px;font-size:14pt;" &gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="last_name_text" style="font-size:18px;"&gt;Patient Last Name&lt;/td&gt;
          &lt;td class="last_name_textbox"&gt;&lt;input type="text" name="last_name" maxlength="30" size="40" style="height:30px;font-size:14pt;"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="email_text" style="font-size:18px;"&gt;Patient Email&lt;/td&gt;
          &lt;td class="email_textbox"&gt;&lt;input type="text" name="email" maxlength="30" size="40" style="height:30px;font-size:14pt;"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="dob_text" style="font-size:18px;"&gt;Date of Birth: &lt;/td&gt;
          &lt;td class="dob_month_textbox" style="padding-left:2em"&gt;Month &lt;SELECT NAME="Month"&gt;
              &lt;OPTION SELECTED&gt;January&lt;OPTION&gt;February&lt;OPTION&gt;March&lt;OPTION&gt;April
              &lt;OPTION&gt;May&lt;OPTION&gt;June&lt;OPTION&gt;July&lt;OPTION&gt;August
              &lt;OPTION&gt;September&lt;OPTION&gt;October&lt;OPTION&gt;November&lt;OPTION&gt;December
              &lt;/SELECT&gt; 
          &lt;/td&gt;
          &lt;td class="dob_day_textbox" style="padding-left:2.5em"&gt;Day &lt;Select Name="Day"&gt;
              &lt;OPTION SELECTED&gt;1&lt;OPTION&gt;2&lt;OPTION&gt;3&lt;OPTION&gt;4
              &lt;OPTION&gt;5&lt;OPTION&gt;6&lt;OPTION&gt;7&lt;OPTION&gt;8
              &lt;OPTION&gt;9&lt;OPTION&gt;10&lt;OPTION&gt;11&lt;OPTION&gt;12&lt;OPTION&gt;13&lt;OPTION&gt;14&lt;OPTION&gt;15
              &lt;OPTION&gt;16&lt;OPTION&gt;17&lt;OPTION&gt;18&lt;OPTION&gt;19
              &lt;OPTION&gt;20&lt;OPTION&gt;21&lt;OPTION&gt;22&lt;OPTION&gt;23&lt;OPTION&gt;24&lt;OPTION&gt;25&lt;OPTION&gt;26
              &lt;OPTION&gt;27&lt;OPTION&gt;28&lt;OPTION&gt;29&lt;OPTION&gt;30
              &lt;OPTION&gt;31
              &lt;/SELECT&gt; 
          &lt;/td&gt;
          &lt;td class="dob_year_textbox" style="padding-left:3em"&gt;Year &lt;select name="Year"&gt; 
  &lt;option value="2012"&gt;2012&lt;/option&gt; 
  &lt;option value="2011"&gt;2011&lt;/option&gt; 
  &lt;option value="2010"&gt;2010&lt;/option&gt; 
  &lt;option value="2009"&gt;2009&lt;/option&gt; 
  &lt;option value="2008"&gt;2008&lt;/option&gt; 
  &lt;option value="2007"&gt;2007&lt;/option&gt; 
  &lt;option value="2006"&gt;2006&lt;/option&gt; 
  &lt;option value="2005"&gt;2005&lt;/option&gt; 
  &lt;option value="2004"&gt;2004&lt;/option&gt; 
  &lt;option value="2003"&gt;2003&lt;/option&gt; 
  &lt;option value="2002"&gt;2002&lt;/option&gt; 
  &lt;option value="2001"&gt;2001&lt;/option&gt; 
  &lt;option value="2000"&gt;2000&lt;/option&gt; 
  &lt;option value="1999"&gt;1999&lt;/option&gt; 
  &lt;option value="1998"&gt;1998&lt;/option&gt; 
  &lt;option value="1997"&gt;1997&lt;/option&gt; 
  &lt;option value="1996"&gt;1996&lt;/option&gt; 
  &lt;option value="1995"&gt;1995&lt;/option&gt; 
  &lt;option value="1994"&gt;1994&lt;/option&gt; 
  &lt;option value="1993"&gt;1993&lt;/option&gt; 
  &lt;option value="1992"&gt;1992&lt;/option&gt; 
  &lt;option value="1991"&gt;1991&lt;/option&gt; 
  &lt;option value="1990"&gt;1990&lt;/option&gt; 
  &lt;option value="1989"&gt;1989&lt;/option&gt; 
  &lt;option value="1988"&gt;1988&lt;/option&gt; 
  &lt;option value="1987"&gt;1987&lt;/option&gt; 
  &lt;option value="1986"&gt;1986&lt;/option&gt; 
  &lt;option value="1985"&gt;1985&lt;/option&gt; 
  &lt;option value="1984"&gt;1984&lt;/option&gt; 
  &lt;option value="1983"&gt;1983&lt;/option&gt; 
  &lt;option value="1982"&gt;1982&lt;/option&gt; 
  &lt;option value="1981"&gt;1981&lt;/option&gt; 
  &lt;option value="1980"&gt;1980&lt;/option&gt; 
  &lt;option value="1979"&gt;1979&lt;/option&gt; 
  &lt;option value="1978"&gt;1978&lt;/option&gt; 
  &lt;option value="1977"&gt;1977&lt;/option&gt; 
  &lt;option value="1976"&gt;1976&lt;/option&gt; 
  &lt;option value="1975"&gt;1975&lt;/option&gt; 
  &lt;option value="1974"&gt;1974&lt;/option&gt; 
  &lt;option value="1973"&gt;1973&lt;/option&gt; 
  &lt;option value="1972"&gt;1972&lt;/option&gt; 
  &lt;option value="1971"&gt;1971&lt;/option&gt; 
  &lt;option value="1970"&gt;1970&lt;/option&gt; 
  &lt;option value="1969"&gt;1969&lt;/option&gt; 
  &lt;option value="1968"&gt;1968&lt;/option&gt; 
  &lt;option value="1967"&gt;1967&lt;/option&gt; 
  &lt;option value="1966"&gt;1966&lt;/option&gt; 
  &lt;option value="1965"&gt;1965&lt;/option&gt; 
  &lt;option value="1964"&gt;1964&lt;/option&gt; 
  &lt;option value="1963"&gt;1963&lt;/option&gt; 
  &lt;option value="1962"&gt;1962&lt;/option&gt; 
  &lt;option value="1961"&gt;1961&lt;/option&gt; 
  &lt;option value="1960"&gt;1960&lt;/option&gt; 
  &lt;option value="1959"&gt;1959&lt;/option&gt; 
  &lt;option value="1958"&gt;1958&lt;/option&gt; 
  &lt;option value="1957"&gt;1957&lt;/option&gt; 
  &lt;option value="1956"&gt;1956&lt;/option&gt; 
  &lt;option value="1955"&gt;1955&lt;/option&gt; 
  &lt;option value="1954"&gt;1954&lt;/option&gt; 
  &lt;option value="1953"&gt;1953&lt;/option&gt; 
  &lt;option value="1952"&gt;1952&lt;/option&gt; 
  &lt;option value="1951"&gt;1951&lt;/option&gt; 
  &lt;option value="1950"&gt;1950&lt;/option&gt; 
  &lt;option value="1949"&gt;1949&lt;/option&gt; 
  &lt;option value="1948"&gt;1948&lt;/option&gt; 
  &lt;option value="1947"&gt;1947&lt;/option&gt; 
  &lt;option value="1946"&gt;1946&lt;/option&gt; 
  &lt;option value="1945"&gt;1945&lt;/option&gt; 
  &lt;option value="1944"&gt;1944&lt;/option&gt; 
  &lt;option value="1943"&gt;1943&lt;/option&gt; 
  &lt;option value="1942"&gt;1942&lt;/option&gt; 
  &lt;option value="1941"&gt;1941&lt;/option&gt; 
  &lt;option value="1940"&gt;1940&lt;/option&gt; 
  &lt;option value="1939"&gt;1939&lt;/option&gt; 
  &lt;option value="1938"&gt;1938&lt;/option&gt; 
  &lt;option value="1937"&gt;1937&lt;/option&gt; 
  &lt;option value="1936"&gt;1936&lt;/option&gt; 
  &lt;option value="1935"&gt;1935&lt;/option&gt; 
  &lt;option value="1934"&gt;1934&lt;/option&gt; 
  &lt;option value="1933"&gt;1933&lt;/option&gt; 
  &lt;option value="1932"&gt;1932&lt;/option&gt; 
  &lt;option value="1931"&gt;1931&lt;/option&gt; 
  &lt;option value="1930"&gt;1930&lt;/option&gt; 
  &lt;option value="1929"&gt;1929&lt;/option&gt; 
  &lt;option value="1928"&gt;1928&lt;/option&gt; 
  &lt;option value="1927"&gt;1927&lt;/option&gt; 
  &lt;option value="1926"&gt;1926&lt;/option&gt; 
  &lt;option value="1925"&gt;1925&lt;/option&gt; 
  &lt;option value="1924"&gt;1924&lt;/option&gt; 
  &lt;option value="1923"&gt;1923&lt;/option&gt; 
  &lt;option value="1922"&gt;1922&lt;/option&gt; 
  &lt;option value="1921"&gt;1921&lt;/option&gt; 
  &lt;option value="1920"&gt;1920&lt;/option&gt; 
  &lt;option value="1919"&gt;1919&lt;/option&gt; 
  &lt;option value="1918"&gt;1918&lt;/option&gt; 
  &lt;option value="1917"&gt;1917&lt;/option&gt; 
  &lt;option value="1916"&gt;1916&lt;/option&gt; 
  &lt;option value="1915"&gt;1915&lt;/option&gt; 
  &lt;option value="1914"&gt;1914&lt;/option&gt; 
  &lt;option value="1913"&gt;1913&lt;/option&gt; 
  &lt;option value="1912"&gt;1912&lt;/option&gt; 
  &lt;option value="1911"&gt;1911&lt;/option&gt; 
  &lt;option value="1910"&gt;1910&lt;/option&gt; 
  &lt;option value="1909"&gt;1909&lt;/option&gt; 
  &lt;option value="1908"&gt;1908&lt;/option&gt; 
  &lt;option value="1907"&gt;1907&lt;/option&gt; 
  &lt;option value="1906"&gt;1906&lt;/option&gt; 
  &lt;option value="1905"&gt;1905&lt;/option&gt; 
  &lt;option value="1904"&gt;1904&lt;/option&gt; 
  &lt;option value="1903"&gt;1903&lt;/option&gt; 
  &lt;option value="1902"&gt;1902&lt;/option&gt; 
  &lt;option value="1901"&gt;1901&lt;/option&gt; 
  &lt;option value="1900"&gt;1900&lt;/option&gt; 
  &lt;/select&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="sex_text" style="font-size:18px;"&gt;Sex:&lt;/td&gt;
          &lt;td class="sex_radioButtons"&gt;
              &lt;input type="radio" name="sex" value="male" style="left:766px;top:510px;position:fixed;"&gt;&lt;td style="left:788px;top:510px;position:fixed;"&gt;Male&lt;/td&gt;
              &lt;input type="radio" name="sex" value="female"   style="left:834px;top:510px;position:fixed;"&gt;&lt;td style="left:856px;top:510px;position:fixed;"&gt;Female&lt;/td&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="loginId_text" style="font-size:17px;"&gt;Login ID:&lt;/td&gt;
          &lt;td class="loginId_textbox"&gt;
              &lt;input type="text" name="loginId" maxlength="10" size="25" style="height:28px;font-size:14pt;"&gt;
          &lt;/td&gt;
          &lt;td class="password_text" style="font-size:17px;"&gt;Password:&lt;/td&gt;
          &lt;td class="password_textbox"&gt;
              &lt;input type="text" name="password" maxlength="25" size="25" style="height:28px;font-size:14pt;"&gt;
          &lt;/td&gt;
          &lt;td class="confirm_password_text" style="font-size:17px;padding-left:2em" "&gt;Confirm Password:&lt;/td&gt;
          &lt;td class="confirm_password_textbox"&gt;
              &lt;input type="text" name="confirm_password" maxlength="25" size="25" style="height:28px;font-size:14pt;"&gt;
          &lt;/td&gt;
   &lt;/table&gt;
  
  &lt;/body&gt;
  
  
  
  &lt;/html&gt;
  </code></pre>