Firefox와 Chrome의 레이아웃 차이

웹 페이지 측면에 탭이있는 UI를 배치하고 있으며 테이블, div 및 tr의 높이/너비에 대한 백분율 값을 사용하여 모든 작업을 수행했습니다.Firefox와 Chrome의 레이아웃 차이

Chrome에서는 페이지가 올바르게 보이지만 firefox에서는 특정 표가 높이 설정에 영향을받지 않고 페이지 밖으로 확장됩니다.

여기에 어떤 일이 벌어 질 수 있습니까?

업데이트 : 알아요, 코드를 게시하는 것은 그냥 didnt한다 '는이 경우에있을 것입니다 얼마나 많은 도움을 알 수 있습니다.

var msgStr = 'div style="height:98%; background-color: #FFFFFF; border-width:1px;border-color:#000000; border-style:solid;"'; 

// Page Header 
msgStr += 'table align="center";  
msgStr += 'tr td align="center"'; 
msgStr += 'h2 i Vehicle font color="FF0000"' + curVehicle + '/font Messaging Log: /i /h2'; 
msgStr += '/td /tr /table'; 

// Message Box 
msgStr += 'table id="msgTable" height="85%" width="100%"';

이 테이블 (msgTable)는 파이어 폭스에서의 높이 값을 변경하여 영향을받지 않는 것, 그리고 당신은 어쩌면 우리가 도울 수있는 몇 가지 코드를 게시 할 경우, 페이지

출처

2010-08-12 Tom G

CSS와 마크 업을 게시해야 하단에 도달 할 수 있습니다. – madcapnmckay

자바 스크립트를 사용하면 백분율 높이를 설정하는 대신 도움이됩니다. JS를 사용하여 뷰포트 크기를 가져오고 원하는 높이 (예 : 85 % 높이의 경우 0.85)와 곱한 다음 값을 요소 높이에 적용합니다.

출처

2010-08-13 10:58:32

위대한, 이것이 내가 찾고 있었던 것입니다. –

게코 대 웹킷을 뻗어. 나는 백분율보다는 사용 가능한 공간에서 가져온 실제 값을 사용하는 것을 선호합니다.

출처

2010-08-12 21:19:40 Robert

Firefox와 Chrome의 레이아웃 차이

답변

관련 문제