2013-04-15 2 views
2

폼의 맨 위에 공백이 생기고 모든 것을 시도했지만 아직 거기에 있습니다. 누군가가 어떻게 맨 위의 공백을 제거하는 방법에 대한 sugesstions을 줄 수 있습니까? 파이어 폭스에서 양식을 열면 괜찮은 것처럼 보이지만 IE를 사용할 때 공백이 생깁니다. 또한 .cfm 형식입니다. 감사.양식 상단의 공백을 제거하는 방법은 무엇입니까?

여기 내 코드입니다. 당신은 당신이 목표 위하여려고하는 경우에 당신이 .을 사용하고 클래스 # 사용의 ID를 들어

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

:

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

답변

3

당신은 클래스

body을 넣어 가지고는 있어야한다입니다 div와 같은 객체를 넣으십시오. div

0

html의 여백과 안쪽 여백을 0으로 설정하고를 제거해야합니다. 본문 선택기에서 :

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

cfif의 닫는 태그가 누락 된 것 같습니다. 브라우저가 HTML을 수정하려고하고이 태그를 테이블 위에 놓습니다. div의 닫는 태그가 id="Section1"과 함께 있지 않습니다. CFML은 HTML btw와 다릅니다. ColdFusion 특정 태그 때문에 HTML로 제대로 렌더링되지 않습니다.

+0

내가 시도 다하지만, 아무것도 작동하지 않습니다 :

http://jsfiddle.net/fKMHe/

+0

서버 측에 소스를 게시 한 코드 또는 클라이언트 측에 표시 한 페이지 (브라우저의 페이지 소스보기)가 맞습니까? 나는 이것이

+0

먼저 ''아래의 빈 줄을 제거하십시오. –

0

부모 div를 닫지 않았습니다. <div id="Section1"> 또한 @Andrew가 언급했듯이 body을 클래스로 설정했습니다. (.body{} 대신 body {}). 여기에 언급 된

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

은이 추가 form 요소에서 마진과 패딩을 제거하십시오. CFML이 다른 경우 어떻게해야합니까?
관련 문제