Question

我的表格顶部有空格，我相信我已经尝试了一切，但它仍然存在。有人可以对如何摆脱顶部的空白区域提出一些意见吗？当我在firefox中打开表单时似乎没问题但是，当我使用IE时，我获得了空白区域。此外，它是.cfm形式。感谢。

这是我的代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
.body
{
margin-top:0px;
padding-top:0px;
}
.mytable1
{
border-collapse:collapse;
border-color:#000000; 
border-style:solid; 
border-width:2px;
}
.mytable1 th
{
border-color:#333333;
border-style:solid; 
border-width:1px;
}
.mytable1 td
{
border-color:#333333;
border-style:solid; 
border-width:1px;
}
.mytable1
{
border-collapse:collapse;
border-color:#000000; 
border-style:solid; 
border-width:2px;
}
</style>
</head>

<body lang=EN-US style='tab-interval:.5in'>
<div id=Section1>
<cfoutput>

<form name="reportform" action="UpdateFormStatus.cfm" method="post">
<input type="hidden" name="UserEmail" value="#search_review.UserEmail#">
  <table class="mytable1">
    <tr>
      <td valign="top" class="blacktext" align="center" colspan="14"><strong>Review Form</strong></td>
    </tr>
    <tr>
      <td valign="top" class="blacktext" colspan="4"><strong>Type:</strong> #form.Type# </td>
      <td valign="top" class="blacktext" colspan="4"><strong>Number: </strong> #form.Number#   </td>         
    </tr>
    <cfif not search_results.RecordCount>
      <tr>
        <td class="blacktextbold" colspan="2"> No results match those criteria.</td>
         <td align="left" colspan="1"><a href="search_form.cfm">Search Again</a></td>
      </tr>
      <cfelse>
      <tr>
        <td valign="top" colspan="3" class="blacktext"><strong>Name:</strong> #form.Name# </td>
        <td valign="top" colspan="3" class="blacktext"><strong>Project Code: </strong> #form.ProjectCode# </td>
      </tr>
 </table>
</form>
</cfoutput>
</body>

</html>

Answer 1

您已将body作为一个类

应该是：

body{
margin-top:0px;
padding-top:0px;
}

对于ID，您使用#表示您使用.的课程，如果您要定位像div这样的对象，则只需添加div

Answer 2

您应该将html中的边距和填充也设置为0并删除。来自身体选择器：

html, body
{
margin-top:0px;
padding-top:0px;
}

Answer 3

您似乎错过了cfif的结束标记。浏览器正在尝试修复您的html并将此标记放在表格上方。您还没有id="Section1"的div的结束标记。 CFML与HTML btw不同。由于Cold Fusion特定标记，这将无法正确呈现为HTML。

Answer 4

你没有关闭父div。 <div id="Section1">另外，正如@Andrew所提到的那样，你将body设置为一个类。（body {}代替.body{}）。

http://jsfiddle.net/fKMHe/

Answer 5

要从form元素中删除边距和填充，只需添加以下内容：

form
{
margin: 0px;
padding: 0px;
}

如何删除表单顶部的空白区域？

5 个答案: