2009-08-28 3 views
1

IE7, FF, Safari 및 Opera에서 훌륭하게 작동하는 CSS 드롭 다운 메뉴가 있습니다 (PC에서는 아직 Mac에서 테스트 할 수 없었 음) .IE6 드롭 다운 메뉴에서 드롭 다운이 너무 많음

불행히도이 프로젝트의 내 고객 모두가 사용하고있는 IE6에서는 메뉴가 너무 넓어지고 사이트 로고가 표시됩니다. 또한 드롭 다운이 작동하지 않습니다.

IE6에서 작동하지 않는 드롭 다운으로 어느 정도는 살 수 있지만 로고를 덮는 메뉴를 가질 수는 없습니다.

http://preview.sgwl.net/

사이트는 http://wordpress.org/extend/plugins/wordpress-css-drop-down-menu/의 수정 된 버전을 사용한다. 최상위 항목을 고정 너비로 ​​만들지 않도록 수정해야했습니다. IE6이 망가질 수 있습니다. 나는 _width를 사용하여 시도했다 : 1px; _overflow : 숨김; 다른 IE6 해킹 배열도 있지만 아무 것도 효과가 없습니다.

지금 작동하는 브라우저에서 메뉴를 작동시키는 데 약간의 시간이 걸렸으므로 위에서 아래로 레코딩하는 대신 IE6 특정 스타일에 의존하는 대답이 환상적입니다! 고맙습니다!!

답변

2

는 custom.css 라인 276에서 당신은

/* a hack so that IE5.5 faulty box model is corrected */ 
* html .custom .menu a, * html .custom .menu a:visited { 
    width:149px; 
    w\idth:138px; 
} 
  • HTML도 IE6에 영향을 미칠 수 있습니다. 전체 코드 섹션을 제거하면 메뉴가 IE6에서 올바르게 포맷됩니다.
+0

호기심에서 벗어나서 IE5는 여전히 야생에서 더 이상 보이지 않습니까? –

+0

기술적으로 편향된 사용자를 수용하지 않는 사이트에서도 내 Google Analytic 통계에서 본 적이 없다고 생각합니다. 나는 심지어 html/css를 작성할 때 IE5 이하를 고려하지 않는다. – Emily

+0

고마워요! 이것은 아주 간단한 수정이었습니다 - 휴! 드롭 다운은 여전히 ​​작동하지 않지만 괜찮습니다. 정말 고마워! IE5까지 - 나는 최근에 통계로 보지 못했습니다. 이것은 드롭 다운과 함께 제공되는 기본 CSS의 일부입니다. 이전에 작성 되었어야합니다 (또는 정말 양심적 인 사람이 작성했습니다! ). – Michelle

관련 문제