Div with horizontal scrolling only

Question

I have a fixed width DIV containing a table with many columns, and need to allow the user to scroll the table horizontally within the DIV.

This needs to work on IE6 and IE7 only (internal client application).

The following works in IE7:

overflow-x: scroll;

Can anyone help with a solution that works in IE6 as well?

Answer 1

.el {
  overflow:auto;
}

You would need to be sure the content of the div doesn't exceed the height of it, or you'll get a vertical scroll bar too.

CSS Overflow Property

Answer 2

overflow-x: scroll;
overflow-y: hidden;

EDIT:

It works for me:

<div style='overflow-x:scroll;overflow-y:hidden;width:250px;height:200px'>
    <div style='width:400px;height:250px'></div>
</div>

Answer 3

looking for a CMS for a website with horizontal scrolling...any ideas? thank you -- [email protected]