Brett Leber wrote: > Example 1: http://www.andrew.cmu.edu/user/bleber/css/table_test1.html > Example 2: http://www.andrew.cmu.edu/user/bleber/css/table_test2.html > > The innermost table contains many cells in a single row longer than most > browser widths. To display it in the current page, I've used a container > div with overflow:scroll, and a width of 100%. When this table appears > within the divs alone, the overflow works correctly--the table is no > larger than the current browser (viewport) width, and scroll bars appear > [example 1]. When this table appears within a table used for page > layout, however, the width of the container div stretches to show the > entire table, past the viewport's boundaries, producing a horizontal > scroll bar in the browser [example 2]. > How can I make example 2 display like example 1?
for http://www.andrew.cmu.edu/user/bleber/css/styles.css add #preview {... float:left; } #contents {... zoom: 1;} and hide these from other browsers. Works here for IE6 + IE7b2. /*<---->*/ Brett, and the one or other who might read this: please use /bottom/ posting on this list. For those who read the digest, or those who just try to read and answer more than one post per evening, it becomes nearly impossible to read when the flow of the time is switched more than once per digest. ;) Ingo -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
