이 페이지를 보는 경우 : http://www.sussexjewelers.com/product_search.php?cid=69ie7에서 드롭 다운이 작동하지 않는 이유는 무엇입니까?
드롭 다운 메뉴 (수평 녹색 표시 줄)가 ie7에 드롭 다운되지 않습니다. 그들은 ie6, firefox 및 chrome에서 드롭 다운합니다. 또한 홈페이지를 보면 같은 드롭 다운이 ie7에서 작동합니다. 나는 그들이이 페이지에서 ie7에서 일하지 않는 이유를 알 수 없다. 그들은 순수 CSS 드롭 다운 메뉴입니다.
도움을 주시면 감사하겠습니다.
감사합니다.
실제 HTML 문서 앞에 여러 개의 스타일 및 스크립트 태그가 있습니다. 그것들은 페이지의 선두에 있어야합니다.
doctype 태그는 소스의 첫 번째 태그 여야합니다. 그렇지 않으면 IE는 페이지를 단조 모드로 렌더링합니다. 다른 브라우저는 단점 모드로 렌더링 할 수도 있지만 IE의 경우 훨씬 더 많은 차이를 만듭니다. 하나의 큰 차이점은 box model이 잘못 처리된다는 것입니다.
코드의 기본 구조가 정확하면 validate the html 및 the css을 사용해야 코드에 문제가 있는지 확인할 수 있습니다. HTML doctype이 있지만 코드에서 XHTML 태그를 사용하고 있다는 것을 바로 알 수 있습니다.
- 메뉴가 여전히 코드를 정리 한 후 작동하지 않는 경우, 나는 - 메뉴가 표시하지만, 주요 내용 뒤에 숨겨진되도록이 Z- 인덱스에 문제가 있다고 생각합니다. IE는 레이아웃이있는 요소에 대해 z- 인덱스를 올바르게 처리하지 않습니다.
대신에 유효성 검사 링크가 있습니다. 314 오류로 인해 작업 할 수있는 것이 있습니다 ... http://validator.w3.org/check?verbose=1&uri=http%3A%2F % 2Fwww.sussexjewelers.com % 2Fproduct_search.php % 3Fcid % 3D69 –
<style> 및 <script> 태그는 <html> 태그 외부가 아닌 <head> 태그 안에 있어야합니다.
는 또한 당신의 선택 걸릴 DOCTYPE
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML 4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
를 추가합니다.
TonyF가 맞습니다. 향후, 당신은 쿼크 모드 대 표준 모드 (CSS1Compat) (BackCompat) 실제로 있다면 확인하려면 URL 표시 줄에이 작업을 실행 해보십시오 :
javascript:alert(document.compatMode)
내가 가진 그 IE의 북마크입니다.
FYI는 IE7 또는 IE8에서 작동하지 않습니다 – scunliffe
태그가 꺼져있을 수도 있습니다 – TStamper
DOCTYPE이 페이지의 첫 번째 태그가 아니기 때문에 사이트도 IE5 Quirks 모드로 렌더링됩니다 ... 모든 추가 스크립트/스타일 정보는 다음과 같습니다. – scunliffe