Suckerfish의 아들 CSS 메뉴 - 하위 메뉴가 메뉴 항목 아래에 표시되지 않습니다.

Question

Suckerfish 메뉴가 설정되어 있지만 메뉴 항목 위로 마우스를 가져 가면 하위 메뉴가 바로 아래가 아닌 화면 왼쪽에 나타납니다. 내가 항복 한 물건.

예를 들어

당신이 '이벤트'하위 메뉴가이 항목 아래에 표시하도록되어 위에 마우스를 올려 http://blacktownworkersgroup.worldsecuresystems.com/bwc09/events.

Safari 및 Chrome에서는 제대로 작동하지만 IE7, Firefox 3, Opera에서는 제대로 작동하지 않습니다.

Answer 1

css는 절대 위치 지정을 사용하는 블록을 보여줍니다. 상단 및 왼쪽 속성을 올바르게 배치해야합니다.

그렇지 않으면 position : relative로 변경하십시오. float : left;를 사용하십시오. this tutorial on SoS dropdowns

Answer 2

과 같이 수정했습니다.

원래 목록 항목은 인라인으로 표시되지 않고 플로팅되어야합니다. 그것에 영향을 미치는 다른 요소가있을 수도 있지만 지금은 고쳐졌습니다!