页脚在表格后不留在页面底部

Question

我的页脚在我的联系页面上放置有问题。在我网站的其他页面上，页脚正确放置在页面的底部，但由于某种原因页脚位于我的表格之上，甚至覆盖了第一个输入框。有人可以帮帮我吗？

这里是我的联系形式编码：

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

你错过了表的结束标记您的HTML </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> 

这里是你的输出https://jsfiddle.net/mxmd5jq9/

Answer 2

ÿ你忘了关闭表标记

<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>