I'm trying to create a horizontal scrolling table using the overflow
property via something like the following code:
<div style="width: 300; overflow: auto;">
<P><table BORDER=0 CELLSPACING=0 CELLPADDING=0>
<tr><td>
11111111111111111111111111111111111111111111111111111111<BR>
22222222222222222222222222222222222222222222222222222222<BR>
33333333333333333333333333333333333333333333333333333333<BR>
44444444444444444444444444444444444444444444444444444444<BR>
55555555555555555555555555555555555555555555555555555555<BR>
</td></tr>
</table>
<div>
This works the way I would like and expect in most browsers except
Internet Explorer (in my case IE7). I want the area to scroll
horizontally. In terms of vertical space for the div area, I would like
the browser to use as much height in the browser as needed. Using
"overflow: auto" I only get a horizontal scroll bar in firefox, opera
and safari. In IE7, both horizontal and vertical scrolling are required
to see all the content of the div.
If I change the overflow to overflow: scroll as in:
<div style="width: 300; overflow: scroll;">
<P><table BORDER=0 CELLSPACING=0 CELLPADDING=0>
<tr><td>
11111111111111111111111111111111111111111111111111111111<BR>
22222222222222222222222222222222222222222222222222222222<BR>
33333333333333333333333333333333333333333333333333333333<BR>
44444444444444444444444444444444444444444444444444444444<BR>
55555555555555555555555555555555555555555555555555555555<BR>
</td></tr>
</table>
<div>
...then only horizontal scrolling is required to see the entire contents
of the div, but an inactive vertical scrollbar appears in all browsers
and I would prefer not to see that vertical scrollbar which will never
be necessary.
Any thoughts on getting Internet Explorer to properly respect the
overflow:auto setting and only perform vertical scrolling when necessary?
Thank you.
--
Jim Albert
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
