Fußzeile nicht am Ende der Seite nach einem Formular

Question

Ich habe ein Problem mit der Platzierung meiner Fußzeile auf meiner Kontaktseite. Auf jeder anderen Seite meiner Website ist die Fußzeile korrekt am unteren Rand der Seite platziert, aber aus irgendeinem Grund sitzt die Fußzeile ÜBER meiner Form und überdeckt sogar die erste Eingabebox. Kann mir bitte jemand helfen? Hier

ist die Codierung für meine Kontaktform:

footer { 
 
\t display: block; 
 
    clear: both; 
 
    font-size: 0.8em; 
 
    height: 50px; 
 
    text-align: center;  
 
\t width:960px; \t 
 
\t margin: auto; 
 
\t position: absolute; 
 
    } 
 

 
    footer .footer-wrapper { 
 
    margin: 0; 
 
    padding: 3px 20px; 
 
    } 
 

 
    ul#social li { 
 
    display: inline; 
 
    list-style: none; 
 
    } 
 

 
    ul#social li a { 
 
     color: #999; 
 
     text-decoration: none; 
 
    } 
 

 
    a.facebook, a.twitter { 
 
     display: block; 
 
     float: left; 
 
     height: 24px; 
 
     padding-left: 17px; 
 
     text-indent: -9999px; 
 
     width: 16px; 
 
    }

<section> 
 
    <div> 
 
\t <form name="customerForm" method="post" action="?"> 
 
\t \t <table cellspacing="3" cellpadding="5" border="0" style="width: 95%;" align="center"> 
 
\t \t <tr> 
 
\t \t \t <td>Name: </td> 
 
\t \t \t <td><input type="text" name="cusName" size="25" value="<?php echo $fullName; ?>" /></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Email: </td> 
 
\t \t \t <td><input type="text" name="cusEmail" size="30" value="<?php echo $emailAddress; ?>" /></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Mobile: </td> 
 
\t \t \t <td><input type="text" name="cusMobile" size="25" value="<?php echo $mobilePhone; ?>" /></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Enquiry: </td> 
 
\t \t \t <td><textarea name="posting" cols="52" rows="25"><?php echo $posting; ?></textarea></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td colspan="2"><input type="submit" name="submit" value="Send" />&nbsp; 
 
\t \t \t <input type="reset" name="reset" value="Clear Form"/></td> 
 
\t \t </tr> 
 
\t </form> 
 
\t 
 
    </div> 
 
    </section> 
 
    <footer> 
 
      <div class="footer-wrapper"> 
 
       <div class="float-left"> 
 
        <p>&copy; My-Com Computers</p> 
 
       </div> 
 
       <div class="float-right"> 
 
        <ul id="social"> 
 
         <li><a href="http://facebook.com" class="facebook">Facebook</a></li> 
 
         <li><a href="http://twitter.com" class="twitter">Twitter</a></li> 
 
        </ul> 
 
       </div> 
 
      </div> 
 
     </footer> 
 

Answer 1

Sie Tabellennahaufnahme Tag Ihre HTML verpasst </table>

<section> 
<div> 
<form name="customerForm" method="post" action="?"> 
<table cellspacing="3" cellpadding="5" border="0" style="width: 95%;" align="center"> 
<tr> 
    <td>Name: </td> 
    <td><input type="text" name="cusName" size="25" value="<?php echo $fullName; ?>" /></td> 
</tr> 
<tr> 
    <td>Email: </td> 
    <td><input type="text" name="cusEmail" size="30" value="<?php echo $emailAddress; ?>" /></td> 
</tr> 
<tr> 
    <td>Mobile: </td> 
    <td><input type="text" name="cusMobile" size="25" value="<?php echo $mobilePhone; ?>" /></td> 
</tr> 
<tr> 
    <td>Enquiry: </td> 
    <td><textarea name="posting" cols="52" rows="25"><?php echo $posting; ?></textarea></td> 
</tr> 
<tr> 
    <td colspan="2"><input type="submit" name="submit" value="Send" />&nbsp; 
    <input type="reset" name="reset" value="Clear Form"/></td> 
</tr> 
</table><!-- new added--> 
</form> 

</div> 
</section> 

hier ist die Ausgabe https://jsfiddle.net/mxmd5jq9/

Answer 2

Y ou vergessen, die Tabelle zu schließen Tag

<section> 
<div> 
<form name="customerForm" method="post" action="?"> 
    <table cellspacing="3" cellpadding="5" border="0" style="width: 95%;" align="center"> 
    <tr> 
     <td>Name: </td> 
     <td><input type="text" name="cusName" size="25" value="<?php echo $fullName; ?>" /></td> 
    </tr> 
    <tr> 
     <td>Email: </td> 
     <td><input type="text" name="cusEmail" size="30" value="<?php echo $emailAddress; ?>" /></td> 
    </tr> 
    <tr> 
     <td>Mobile: </td> 
     <td><input type="text" name="cusMobile" size="25" value="<?php echo $mobilePhone; ?>" /></td> 
    </tr> 
    <tr> 
     <td>Enquiry: </td> 
     <td><textarea name="posting" cols="52" rows="25"><?php echo $posting; ?></textarea></td> 
    </tr> 
    <tr> 
     <td colspan="2"><input type="submit" name="submit" value="Send" />&nbsp; 
     <input type="reset" name="reset" value="Clear Form"/></td> 
    </tr> 
    </table> 
    </form> 
</div> 
</section>