Mac에서 Firefox의 이상한 수평 메뉴 문제 : 영어 문제 콘텐츠

Question

contao 기반 웹 사이트의 Mac OS X에서 Firefox 3.6을 사용하여 여전히 이상한 메뉴 문제 (상단 탐색의 마지막 메뉴 항목이 있음)가 발생했습니다 (www.medivas.de) 지난 달에 구현했습니다. 며칠 전 비슷한 질문을했고 일부 Mac 사용자는 나를 테스트하여 어떤 문제도 볼 수 없었습니다. (내 오래된 질문 인 strange-horizontal-menu-problem-with-firefox-on-mac을보십시오. 이제 영어 콘텐츠가 게시되고 마지막 메뉴의 이상한 메뉴 줄 바꿈이 발생합니다. 항목의 크기가 너무 크거나 항목의 여백이 높지 않음

다시 한 번, 메뉴 랩핑 문제는 FF 3.6을 사용하는 Mac에서의 웹 사이트의 영어 컨텐츠에서만 발생합니다. 다른 곳에서는 없습니다. Mac에서 Safari조차도 문제가없는 것으로 나타났습니다.

레이아웃 디자이너는 Mac에서 이전 Firefox 1.5 버전을 사용했으며 두 웹 사이트 콘텐츠 언어 모두 메뉴가 결함없이 작동했습니다. 그런 다음 그녀는 Firefox를 최신 버전으로 업데이트했습니다. (3.6.13 또는 14) 이제 영어 콘텐츠에서 메뉴는 마지막 항목에서 줄 바꿈됩니다.

다시 한번 말씀 드리지만, 저는 FF와 Firebug가 설치된 Mac 사용자에게 Mac OS X에 설치되어있는 웹 사이트를 간략하게 살펴보고 문제가 미스터리 메뉴 랩의 문제 일 수 있음을 알려줍니다.

jquery를 사용하여 메뉴 항목에 패딩을 추가하여 메뉴의 컨테이너 너비에 고르게 분산되도록합니다. 하지만 아무 문제없이 다른 브라우저에서 작동하기 때문에 그것이 문제가 아니라고 생각합니다.

대단히 감사드립니다. 도움을 주시면 문제를 해결할 수 있기를 바랍니다. 어쩌면 내가 메뉴 - HTML/CSS를 좀 더 향상시킬 수 있습니다. 나는 Mac을 가지고 있지 않기 때문에 (Linux에만 해당) 테스트를 할 수 없기 때문에 모든 상황이 최악이됩니다. 나는 현재 아이디어가 없다.

안드레아스

Answer 1

내가 윈도우/파이어 폭스에서 테스트하고있어, 나는이 문제를 다시 만들 수 없습니다. 어쨌든 해결책을 생각하는거야 : #nav-main-top에

• 이 overflow: hidden를 추가합니다.
• .nav-main-top에서 685px의 너비를 조정하십시오 (예 :
  width: 750px).

그 일을 한 후, 사이트는 나를 위해 시각적으로 동일,하지만 희망은 맥 문제를 해결 한 것입니다.