You are correct that tables are good for tabular data. But I have an unusual circumstance where I need to break up the table into four divs, which leads to the challenge of alignment of columsn/rows. If I have a long string in a table cell, it will force/break the alignment columns. So an alternate is to use divs with overflow set to hidden. You won't see the entire string in that div (cell), but at least it won't break all the columns. BTW, I realized the synchronized scroll (#3) is reversed. horizontal scroll should control div above and vertical scroll should control div to the left (will fix)
________________________________ From: heinrich klassen [mailto:[EMAIL PROTECTED] Sent: Friday, January 06, 2006 2:33 PM To: Maziak, Peter (Tek Systems) Cc: [email protected] Subject: Re: [css-d] frameless frames, synchronized scroll, and tableless tables (basically Excel) hi! don't you think tables are neccessary to provid structure in datasets? you should indeed read: http://www.usability.com.au/resources/tables.cfm seems offtopic, but this is too important for me. tables are not useless. henry. 2006/1/6, Maziak, Peter (Tek Systems) < [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> >: http://www.msu.edu/~maziak/umg/dra/quadrantlayout.html I am using four divs (plus others) to build "frameless frames." It is starting to look good in Firefox, but not in IE/win. Please advise on any of the following issues, higher priority listed first. Any advice appreciated. 1) BOTTOMRIGHT DIV wraps (goes below) BOTTOMLEFT DIV in IE/win. I have temporarily commented out overflow:hidden in the body tag so that this is apparent when viewing in IE --> will result in extra scrollbar. 2a) Is it possible for the HEADER DIV to resize height dynamically depending on content (instead of the fixed height of 4em). This is painfully obvious when browser resized to 800x600, forcing a third line in the header -> forcing the horizontal scrollbar to hide in BOTTOMRIGHT 2b) and/or force TOPLEFT and TOPRIGHT to be flush with BOTTOMLEFT and BOTTOMRIGHT (ie: vertical align bottom) ...thus allowing some whitespace immediately above. Additional notes: the four DIVs are required because I will be placing tabular data into each: think scrollable Excel data (BOTTOMRIGHT) with fixed X and Y headers (BOTTOMLEFT and TOPRIGHT). And items to tackle thereafter: 3) add synchronized scrolling (got the basic cross-browser functionality done, just need to integrate - types with fingers crossed) http://www.msu.edu/~maziak/umg/dra/synchronizedscroll.html 4) how to align the rows and columns in BOTTOMRIGHT with BOTTOMLEFT and TOPRIGHT If I use tables, one long string can break alignment of several columns; but if I use DIVs (with overflow:hidden) I need to use percentages--neither an ideal solution :( ANY advice appreciated! Thanks, -Pete References: frameless frame http://home.comcast.net/~rob.freundlich/css/noFrames.html synchronized scroll http://webfx.eae.net/dhtml/syncscroll/demo1.html <http://webfx.eae.net/dhtml/syncscroll/demo1.html> tableless table http://www.bernzilla.com/design/tables/table.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
