表格中断页面

时间:2014-01-03 11:12:58

标签: forms contact xhtml-transitional

我编写了一个网站,目前正在重新编码。在我的联系页面上,我有一个问题,评论等表格。在原始网站上,页面工作正常 - 但是在重新编码时,表单会破坏页面。我想知道是否有人可以帮我找出原因。

在此处找到原始页面:http://path-to-truth.org/contact/

在此处找到重新编码:http://path-to-truth.org/Recode/contact/

1 个答案:

答案 0 :(得分:0)

ul#nav在style.css文件中的margin-right为7%。当我删除它,它看起来很正常。边距将添加到导航右侧。因为这会使块对于标题而言太大,它会向下移动。由于您在该元素上也有float:right,因此它位于h1的右侧。

另一种选择是删除导航上的float: right并将float: left放在图片上(或a标记)。在div#header的底部,插入(在div内)一个带有clear: both的新div,将标题区域拉下来。