IE에서 바로 작동하지 않는 드롭 다운 메뉴 - 오른쪽에서 오른쪽으로 쏴

Question

막혔습니다. 나는 전에 드롭 다운 메뉴를 해 본 적이 없지만 내가 작업하고있는 사이트를 시도하고 싶었 기 때문에 다른 사람의 자바와 CSS 코드를 가져 와서 Firefox에서 잘 실행되도록했습니다. 문제는 드롭 다운 메뉴가 IE의 오른쪽에 나타나는 것입니다.

IE 용으로 별도의 스타일 시트를 만들었지 만이를 수정하기 위해 무엇을 넣을 지 알 수 없었습니다! http://www.erricksonequipment.com

이 온라인 예에서 가져온로 해당 스타일 시트에 불필요한 말도 많이있다 :

여기 사이트입니다. 즉, 올바르게 읽는 것을 방해하는 문제가있을 수 있습니다. 나는 잘 모르겠다. 나는이 java/CSS 드롭 다운 메뉴를 처음 접했다. :)

어떤 도움을 주시면 대단히 감사하겠습니다.

Answer 1

'em'을 측정 단위로 사용할 때는주의하십시오. 1 'em'의 크기는 브라우저 (또는 CSS를 정의한 경우 CSS)에 설정된 기본 글꼴 크기에 상대적입니다. 기본적으로이 글꼴 크기는 Firefox와 Internet Explorer에 따라 다릅니다. 내가 대신 픽셀을 사용하는 것이 좋습니다,하지만 당신은 그들을 '를 사용하여 설정하는 경우, 단지 같은 것을 수행하여 CSS에 새 기본 글꼴 크기를 추가해야합니다 것 : 표준화함으로써

html { font-size: 16px; }

을 브라우저에서 기본 글꼴 크기를 사용하면 Firefox 또는 Internet Explorer에서 차이점을 볼 수 없습니다.

Answer 2

드롭 다운 메뉴에 사용하는 스크립트는 이 아닙니다.입니다. 또한 JS없이 CSS 만 사용하여 전체 드롭 다운 메뉴를 만들 수도 있습니다.

현재 상태의 드롭 다운 메뉴는 IE7 또는 IE8에서 작동하지 않습니다.

그것은이에서 dropdownMenuKeyboard.js에서 IE8 (파이어 폭스 등)을 변경할 경우 라인 (203)에서 작동합니다

: 여기에

 ? (isie ? li.offsetLeft + 'px' : 'auto') 

:

"당신의 문제를 해결"의 정신에

 ? 'auto' 

그러나 드롭 다운 메뉴 코드를 좀 더 현대적인 것으로 바꾸는 것이 좋습니다.