html 수평 메뉴가 firefox 4에 수직으로 표시됨

Question

난 그냥 파이어 폭스 4 (베타 10)에서 웹 사이트를 테스트하고 가로 메뉴가 세로로 표시됩니다. 크롬에서

, 메뉴는 다음과 같이 수평 : 는

하지만 파이어 폭스 4는 다음과 같이 나타납니다 : 나는 superfish horizontal menu을 사용하고

. 웹 사이트의 예제는 파이어 폭스 4에서 괜찮아 보입니다.

이것이 firefox 4의 버그인지 또는 내 수평 메뉴 코드에 문제가 있는지 어떻게 조사 할 수 있습니까 ??

Answer 1

나는 당신의 문제가 수퍼 피쉬 또는 그 밑에있는 빨판에 있다고 생각하지 않습니다. 잠깐 살펴보면 <div id="title">이 왼쪽으로 플로팅되지만 해당 플롯과 <table id="menuHeader"> 사이에는 플로트가 지워지지 않음을 나타냅니다. #menuHeader 테이블과 그러므로 <ul>은 파이어 폭스에서 #title 바로 옆에 위치하므로 테이블이 수레가 수평으로 배치하기에 충분한 너비를 얻지 못합니다. 당신이 파이어 폭스 문제가 사라 볼 수

<br /><table id="menuHeader"> 

과 :

빠른 해킹으로 당신은 <br/> 바로 #menuHeader 전에 물건 수 있습니다. 그러나 #title 이후와 #menuHeader 전에 명시 적으로 어딘가에 플로트를 제거해야합니다.

<div id="header"> 
    <!--...--> 
</div> 
<div style="clear: both;"></div> 
<div id="flashwrapper"> 
    <!--...--> 
</div> 

당신도이에 대한 overflow:hidden 명확한 수정 프로그램을 사용할 수 있습니다하지만 난 그것을 정보를 스타일링 내 HTML을 오염 않는 경우에도 명시 적으로 청산을 선호하는 경향이 #header 및 #flashwrapper 사이에 취소하면 적절한 것 같다.

그리고 이런 종류의 디버깅 방법은 WebKit 브라우저 (예 : Chrome 및 Safari)의 DOM 관리자가 아주 훌륭합니다. Firebug의 DOM 검사기 또한 꽤 좋습니다. 이와 같은 경우에는 두 가지를 동시에 사용하는 것이 좋습니다. DOM 검사관, 추측 일, 경험, 그리고 많은 맹세는 이런 것들을 계산하기위한 나의 도구입니다.