title: HTML/CSS my footer is not working as intended
body: <p>So, my html page has content going under the footer. Can someone help me make the page get longer
  so that you can scroll down to see the footer? or make it so that the footer begins where content ends(prefered)? Not sure what i did wrong.<br>
  HTML:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
  &lt;title&gt;351 Project || Search Student Notes&lt;/title&gt;
   &lt;link rel=&quot;stylesheet&quot; href=&quot;main.css&quot;&gt;
   &lt;meta charset=&quot;utf-8&quot;&gt;
   &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id=&quot;wrapper&quot;&gt;
          &lt;?php include &quot;advisor_header.html&quot; ?&gt;
    &lt;div&gt;
    &lt;h1&gt;Student Notes For &lt;?php echo $student_first_name . &quot; &quot; . $student_last_name;?&gt; &lt;/h1&gt;
          &lt;div&gt;
              &lt;div&gt;
                  &lt;textarea class=&quot;chunkybox&quot; disabled=&quot;disabled&quot; name=&quot;notes&quot; rows=&quot;20&quot; col = &quot;15&quot;&gt;&lt;?php echo $student_notes;?&gt;&lt;/textarea&gt;
              &lt;/div&gt;
          &lt;/div&gt;
    &lt;h3&gt;&lt;center&gt;End of Notes&lt;/center&gt;&lt;/h3&gt;
    &lt;form action=&quot;&lt;?php echo htmlspecialchars($_SERVER[&quot;PHP_SELF&quot;]); ?&gt;&quot; method=&quot;post&quot;&gt;
      &lt;form name=&quot;activeadviseeform&quot; class=&quot;centeredbutton&quot;&gt;
          &lt;div&gt;
              &lt;div&gt;
                  &lt;textarea style=&quot;height: auto;&quot; class=&quot;chunkybox&quot; name=&quot;notes&quot; rows=&quot;20&quot; col = &quot;15&quot; placeholder=&quot;Type notes to ADD&quot;&gt;&lt;/textarea&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;button class=&quot;centeredbutton&quot; type=&quot;submit&quot;&gt;Add Notes&lt;/button&gt;
  &lt;/form&gt;
  &lt;form action=&quot;advisor_edit_notes.php&quot;&gt;
      &lt;button class=&quot;centeredbutton&quot; type=&quot;submit&quot;&gt;Edit Notes&lt;/button&gt; 
  &lt;/form&gt;
      &lt;?php if($_SERVER[&quot;REQUEST_METHOD&quot;] == &quot;POST&quot;){
          if ($student_notes == null) {
              $appendednotes =  $time . &quot; &quot; . $_POST['notes'];
          }
          if ($student_notes != null) {
          $appendednotes = $student_notes . &quot;\r\n&quot; . $time . &quot; &quot; . $_POST['notes'];
          }
          $update = &quot;UPDATE people SET notes = '$appendednotes' WHERE id = '$student_id'&quot;;
      // update in database 
      $rs = mysqli_query($con, $update);
  
      if($rs)
      {
          header(&quot;Refresh:0&quot;);
          //printf(&quot;Notes Added to : %s Notes&quot;, $_SESSION[&quot;activeadvisee&quot;]);
      }
      }
      ?&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;?php include &quot;footer.html&quot; ?&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>footer.html:</p>
  <pre><code>&lt;footer class='footer'&gt;
      Copyright &amp;copy; 2022 &lt;br&gt;
      &lt;a href=&quot;mailto:placeholder@temp.com&quot;&gt;placeholder@temp.com&lt;/a&gt; :: &lt;a href=&quot;placeholder.html&quot; title=&quot;Contact Form&quot;&gt;Contact Form&lt;/a&gt;
  &lt;/footer&gt;
  </code></pre>
  <p>main.css:</p>
  <pre><code>.footer {
      width: 100%;
      height: 150px;
      background: #3167b1;
      position: fixed;
      bottom: 0px; left: 0;
  }
  </code></pre>