Sent by Brett Leber on 13 February 2006 14:02
Francky,
Thanks for the advice. Using your added styles, the result is better,
but adds scrollbars a bit differently than I'd intended:
http://www.andrew.cmu.edu/user/bleber/css/table_test3.html
Whereas in example 1 scrollbars appear for the container div (#preview),
example 3 creates scrollbars for the the entire layout table. In the
context of the project where this would be used, this produces a bizarre
effect. The issue is that scrolling the entire layout table is likely to
be very disorienting for a user.
Also frustrating is that the long table (the table with many columns)
increases the width of the layout table, effectively moving the
right-aligned parts of my header and footer off-screen. An inline frame
is starting to look a little more attractive for this disastrous table.
Either that or a fixed width for the container div (#preview). I think
the problem is with IE's interpretation of width:100%; on another area
of the site, this property/value pair produces a table that goes off the
right end of the containing div, with no scrollbars!
thanks again, and sorry for the verbose emails--I just can't think of a
simple way to describe all of this.
Brett
francky wrote:
> Brett Leber wrote:
>
>> Please consider the table layout and nested divs to be a part of the
>> design requirements. Also, the following is an IE6 rendering issue, so
>> please view the examples in IE6.
>>
>> 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
>>
>> [...]
>>
>> How can I make example 2 display like example 1?
>>
>>
> Hi Brett
> Did you try:
> * html body { width: 97%; overflow-x: auto; } ?
>
> Greetings,
> francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
