Html 如何删除窗体顶部的空白？_Html_Css

Html 如何删除窗体顶部的空白？

html css

Html 如何删除窗体顶部的空白？,html,css,Html,Css,我在我的状态顶端得到了空白，我相信我已经尝试了一切，但它仍然存在。有人能就如何消除顶部的空白提出一些建议吗？当我在firefox中打开表单时，它似乎是好的，但是当我使用IE时，我得到了空白。此外，它是一个.cfm表单。谢谢这是我的密码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head&

我在我的状态顶端得到了空白，我相信我已经尝试了一切，但它仍然存在。有人能就如何消除顶部的空白提出一些建议吗？当我在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>


无标题文件
.身体
{
边际上限：0px；
填充顶部：0px；
}
.My表1
{
边界塌陷：塌陷；
边框颜色：#000000；
边框样式：实心；
边框宽度：2倍；
}
.我的表1
{
边框颜色：#333333；
边框样式：实心；
边框宽度：1px；
}
.mytable1 td
{
边框颜色：#333333；
边框样式：实心；
边框宽度：1px；
}
.My表1
{
边界塌陷：塌陷；
边框颜色：#000000；
边框样式：实心；
边框宽度：2倍；
}
审查表
类型：#表单.类型#
编号：#表格.编号#
没有结果符合这些标准。
名称：#表单.名称#
项目代码：#form.ProjectCode#

您已将

body

作为一个类放入

应是：

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

对于使用

的ID，对于使用

的类，如果要以div之类的对象为目标，只需将

div

放在html中的边距和填充也放在0中，然后删除。从车身选择器：

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

看起来您缺少了

cfif

的结束标记。浏览器正在尝试修复您的html，并将此标记置于表上方。您也没有带有

id=“Section1”

的div结束标记。CFML与HTML不同。由于Cold Fusion特定的标记，这将无法正确呈现为HTML。

您没有关闭父div。

此外，正如@Andrew提到的，您将

body

设置为类。（

body{}

而不是

.body{}

）

要从

表单

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

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

我已经尝试了这里提到的一切，但是没有任何效果。如果CFML是不同的，那么应该如何做呢？请确定，您发布的代码是服务器端的源代码，还是客户端显示的页面（在浏览器中查看页面源代码）？我假设这是来自客户端，因为首先是代码>，请尝试在<代码> <代码>下删除空白行。