html select dropdowns의 일관성없는 동작

Question

나는 중국어 학생을위한 대화식 플래시 카드 연습을 제공하기 위해 강의 페이지에서 열 수있는 자바 스크립트 생성 웹 페이지를 작성했습니다. 첫 번째 프레임 페이지의 javascript에 의해 두 번째와 세 번째 프레임 페이지가 쓰여지는 프레임 페이지가있는 세 개의 '열'이있는 (현재 사용되지 않으려는!) 프레임 세트 페이지에서 작동합니다. 두 번째 및 세 번째 프레임 페이지에는 html select 드롭 다운이 있으며 구조적으로 동일한 코드로 작성됩니다. 그러나 세 번째 프레임 페이지의 드롭 다운이 세로 스크롤 막대와 함께 표시 되더라도 두 번째 프레임 페이지 (a)에는 스크롤바가없고 (b) Linux 플랫폼의 Firefox에서 (b) '드롭 다운' 드롭 다운 목록의 맨 위에 액세스 할 수 없도록 기본 브라우저 창의 위쪽 가장자리. 선택 태그를 포함하는 HTML 형식의 구조는 다음

<form> 
    <select size="1" name="sel_py" id="sel_py"> 
    <option class="lucidasansu" value="">CHOOSE</option> 
    <option class="lucidasansu" value="er4">èr</option> 
    <option class="lucidasansu" value="hang2">háng</option> 
    <option class="lucidasansu" value="hao3">hǎo</option> 
    .... 
    <option class="lucidasansu" value="ye3">yě</option> 
    <option class="lucidasansu" value="yi1">yī </option> 
    </select> 
    <span id="py_butt"><input type="button" name="py_button" value="CHECK" onClick="test_py(this.form.sel_py.value)"></span> 
</form> 

태그 py_button 식별 버튼의 온 클릭의 효과의 유효성을 확인하는 프레임 페이지의 그룹 내에서 작동하기 때문에 더 '액션'값이없는 첫 번째 선택이 성공하면 세 번째 프레임 페이지에서 비슷한 버튼을 나타낼 수 있습니다.

두 번째 및 세 번째 프레임 페이지의 코드를 W3C 마크 업 검사기에서 체크 아웃하고 사소한 경고 만 확인하므로 두 개의 분명히 동일한 구조의 드롭 다운이 왜 있어야하는지 알 수 없습니다 그러한 다른 공연들.

Answer 1

이렇게 도전적으로 이상합니다. 로드 된 CSS가 없으므로 문제의 일부가 될 수 있지만 HTML5가 포함 된 <frame>이 문제의 근원 일 수 있다고 생각합니다 ..

HTML5 및 프레임에 대한 자세한 내용은이 링크를 확인하십시오. . 방화범 장난하면

will <frameset> work with HTML5?

나는 선택 태그에이 CSS를 추가하여 올바른 방향으로 드롭 다운을 할 수있었습니다. 그래서 나는 그것이 빠른 수정으로 일부 CSS로 해결 될 수 있다고 생각합니다. 그러나 내가 전에 언급했던 것처럼. 프레임 및 HTML5를 사용하는 것이 근본 원인이라고 생각합니다.

#sel_py { 
    display: block; 
    height: 24px; 
} 

또한 참고 : 내가 다시 엉망받지 않고 선택에 더 이상 높이를 추가 할 수 없습니다.

이 부분은 찾고자하는 답변이 아닐 수도 있습니다. 그러나 이것이 도움이되기를 바랍니다.