FF 및 IE에서 페이지 렌더링 문제가 발생했습니다.

Question

FF와 IE간에 올바르게 렌더링되지 않는 페이지가 계속 발생합니다. 내 코드가 아님. "Select an Account"는 다음과 같은 드롭 다운 옆에 있어야합니다. "Select an Account"옆에있는 양식을 선택하면 다음 양식으로 넘어갑니다. IE에서는 FF로 올바르게 렌더링되지 않습니다.

<p><b><strong>Select an Account Type 
<FORM NAME="myform"> 
<SELECT NAME="mylist"> 
<OPTION VALUE="traditional">Traditional Account 
<OPTION VALUE="paperless">Paperless Account 

</SELECT> 
</FORM></b></strong></p> 

Answer 1

문제는 "계정 유형 선택"텍스트가 FORM 요소 외부에 있다는 것입니다. 그리고 FORM 요소는 브라우저에 의해 적용된 기본 여백과 여백을 가지고 있습니다. 대신

<form name="myform"> 
<label for="mylist"><strong>Select an Account Type</strong></label> <select id="mylist" name="mylist"><option value="traditional">Traditional Account</option> 
<option value="paperless">Paperless Account</option></select> 
</form> 

희망이 내 눈 아파 CAPS 사용을 중지 ... XHTML하기

Answer 2

마크 업은 심각하게 끔찍합니다. 어쨌든, 문제는 <form> 요소가 (표준에 따라) 블록 요소라는 것입니다. 당신이 그것을 계속하려면 CSS로 display:inline 인라인

form { display: inline; } 

Answer 3

형태의 블록 요소이며 새로운 라인을 중단해야 .. 당신은 그것의 표시를 0으로 설정해야

:이 문제를 해결하려면 다음 CSS를 사용 텍스트와 같은 줄에 ...

Answer 4

다른 브라우저에서 페이지가 어떻게 렌더링되는지를 볼 수있는 좋은 테스트 도구는 http://litmusapp.com입니다.

특별한 경우 드롭 다운 상자를 만들려면 옵션 태그를 닫아야합니다.

<option name="x">whatever</option> 

Answer 5

환영을하는 데 도움이

는이 코드를 제안한다.

<form name="myform"> 
<label for="mylist">Select an Account Type</label> 
<select id="mylist" name="mylist"> 
<option value="traditional">Traditional Account</option> 
<option value="paperless">Paperless Account</option> 
</select> 
</form>