브라우저가 항상 수평으로 스크롤하도록 하시겠습니까?

Question

브라우저가 항상 가로로 스크롤되도록하는 방법이 있습니까? 모든 div에 고정 폭을 설정하지 않습니까?

내가 함께 스크롤 (테이블 포함) 문제의 사업부 있도록 만들어했습니다

overflow-x:auto; 

하지만 브라우저 스크롤 막대를 사용할 필요가 있고, 다음 div에 스크롤 막대가 없습니다 그 자체.

페이지 코드는 다음과 유사합니다

<div id="content"> 
<div id="MenuContainer"> 
.....various divs for menu 
</div> 
<div id="TableContainer"> 
...ASP Gridview that renders a table 
</div> 
</div> 

내가 수평 브라우저가 스크롤 바를 사용하여 페이지 스크롤을 할 수 있도록하려면, 파이어 폭스는 이미 그대로 코드,하지만 IE6와 함께이 작업을 수행, 7,8은 모두 "TableContainer"div의 내용을 강제로 메뉴 아래로 이동시킵니다.

메뉴와 테이블 컨테이너는 모두 왼쪽으로 떠있었습니다.

Answer 1

시도를 추가 CSS의

Answer 2

나는 지금 당신이 수레를 사용하고 있다고 생각 하나? IE7에서는 float를 나란히 놓고 강제로 hasLayout (zoom : 1;)을 실행하지만 IE8에서는 그렇지 않은 경우 부동 소수점 대신 표 표시 속성을 사용하여 IE7 플로팅 된 버전을 해킹하거나 IE7 속성을 넣을 수 있습니다. 조건부 CSS에

이 시도 : 몸에

{overflow-x:scroll} 

:

#MenuContainer { 
    float: left !ie7; 
    display: table-cell; 
    min-width: 300px; 
    background: #cfc; 
} 
#TableContainer { 
    zoom: 1 !ie7; 
    display: table-cell; 
} 

이를 설정하는 jsfiddle