如何修复页脚和此页面的底部？

Question

我正在尝试修复一张桌子并让它看起来更好（我在下面的屏幕截图中更好地描述了这个问题）。

这是一个屏幕截图，显示正在发生的事情以及我希望发生的事情：

我的样式表有什么变化？

css文件位于rankingclimber.com/css/style.css（页脚部分已清楚标记）并且注册部分已明确标记

注册页面位于www.rankingclimber.com/signup.php

这是页脚文件的代码：rankingclimber.com/footer.php并在主页面上调用页脚：rankingclimber.com/signup.php

Answer 1

要修正该行的展示位置，请将<div class="form_bt"></div>移至<div class="form_tp">的结束标记之后。

要修复不在表单内的“创建帐户”按钮，请从<div class="chkp3">删除float: left和margin-bottom: 20px。然后，到<a class="btn1">添加margin-top: 20px。

要修复页脚，请将<div id="footer">移至<div id="wrapper">的结束标记之后。

仅使用Firebug在Firefox中测试。

---

另一个答案指出你缺少关闭标签。在这种情况下，我的答案可能不是很有用，因为问题可能纯粹是由那些缺少的标签引起的。

修复丢失的关闭代码，然后在执行我发布的任何步骤之前查看您的网页是什么样的。

Answer 2

我认为，将margin:0; !important添加到.form_bt样式。 Safari Web Inspector显示它目前的margin-right为-60px。在您的HTML中，将div.form_bt放在<form>元素之外，它当前位于其中。

Answer 3

尝试这些修补程序，我无法验证，因为我没有您的所有文件，但您缺少结束标记：

1. 代码后遗漏</li>：<li><a href="what-is-ranking-climber.php">What is Ranking Climber?</a>&nbsp; &nbsp;
2. 在代码前遗漏</div>：</form>

Answer 4

使用此css

clear: both;

<div id="container">

      <div class="left"></div>
      <div class="right"></div>          

</div>
<div class="footer"></div>

这些DIV的CSS

#container{
  width:950px;
  min-height:500px;  // This will helps you to stick to footer to bottom about 500px below
}
.left{ width: 50%;}
.right { width:50%;}

.footer{
  widht: 950px;
  clear: both; // This will helps you to avoid footer to overlap. Use this when Some      elements is overlapping 
}