Заставить браузер всегда прокручивать по горизонтали?

Question

Есть ли способ заставить браузер всегда прокручивать по горизонтали? Без установки фиксированной ширины на какие-либо div?

Я сделал так, чтобы рассматриваемый 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>

Я хочу иметь возможность прокручивать страницу по горизонтали, используя полосы прокрутки в браузерах, Firefox делает это уже с кодом, как есть, но все IE6,7,8 заставляют содержимое в div «TableContainer» идти ниже меню.

Меню и контейнер с таблицами перемещаются влево.

Answer 1

Попробуйте установить это:

{overflow-x:scroll}

на теле css

Answer 2

Полагаю, вы используете поплавки только сейчас?вы можете заставить float сидеть бок о бок в IE7, вызывая hasLayout (zoom: 1;), но не в IE8, поэтому я бы использовал свойства отображения таблицы вместо float и передавал IE7 плавающую версию с помощью хаков или помещал свойства IE7в условном CSS

попробуйте это:

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

добавлено jsfiddle