IE7에서이 메뉴를 사용하려고합니다. 나는이 모든 버그를 괴롭혔다. 목록 항목을 가리키면 튀어 나오는 서랍 안의 UL이 서로 옆에 제대로 뜨지 않습니다. Chrome에서 페이지를 살펴 본다면 이전에 CSS를 설정 한 것입니다 (인라인 블록 표시 등). 그것은 어느 쪽이든을 작동하지 않았다 그래서 좌로 그들을 남겨 두는 것을 시도했다.IE7에서이 ul이 제대로 뜨지 않는 이유는 무엇입니까?
떠 다니는 왼쪽 고정 문제는 각 li의 왼쪽에 여분의 텍스트 들여 쓰기가 있었지만 ul은 여전히 올바르게 부 풀리지 않습니다.
누구에게 아이디어가 있습니까?
http://playground.willpracht.net/megaMenu.html
은 당신이 할 수로> 선택기의 많은을 제거하기 위해 코드를 다시 실행. 그들은 모든 것을 다루기가 훨씬 더 어렵게 만들고 있습니다. 그것은 모든 것을 이드에게주는 것과 같으며 길게, 길게, 길게 길게 만듭니다. 솔직히 말해서 첫 번째 li의 모양을 머리글처럼 만들고 의미 적으로 다른 모든 링크와 다르게 만들기 때문에 메뉴 대신 하위 div를 사용하게됩니다. 링크가있는 실제 헤더는 더 의미 론적입니다. 예를 들어 tools라는 링크가 있고 나머지 형제 링크는 ... 도구입니다.
어쨌든, 물건을 떠올리게 할 때 너비를보십시오. 너비가 전혀없는 요소가 많이 있습니다. IE에서는 수레가 중요합니다. 하위 div의 너비 (원하는 경우 em에 넣을 수 있음)를 설정 한 다음 내부에 떠있는 ul 자식의 너비를 설정합니다. 함께 결합 된 너비가 100 %가되어서는 안됩니다. 예를 들어 div의 크기가 140px 인 경우 대부분의 브라우저에서 두 개의 떠 다니는 ul을 70px 너비의 내부에 두어 보지 마십시오.
보고 싶은 메가 메뉴가 있지만 이미 많은 메뉴가 있는데 하위 메뉴 안에 떠있는 ul이 포함되어 있다고 생각하지 않습니다.