On Jun 28, 2006, at 10:10 AM, Jaimie wrote: > I'm looking for a solution to how to make a CSS based layout work > when the > content is a very wide table. > > What I would like to happen is to have the browser just show a > horizontal > scroll bar on the bottom like it would in a table based layout. > > I also would like the container "<div>" to enclose all of the > content (in > this case the table).
Large data table are a serious problem in css-based designs. Seriously. A table based layout has one advantage, namely that the width for the <table> element means more like 'min-width'. It the page contains a large data table, then the parent layout-table(s) expand to contain that data-table. CSS boxes don't work like that. Width is width, and constrained by the width of the viewport. One solution is to wrap your data-table in a <div>, and set the overflow property to 'auto' for that div. If the data-table is to wide to fit in the available space. the enclosing div will generate a horizontal scrollbar, allowing the user to access the (hidden) the data. If you show a url with a sample of the problem, we might be able to suggest better or more precise suggestions. Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ 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/
