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 [EMAIL-REMOVED]]
Sent: Friday, January 06, 2006 2:33 PM
To: Maziak, Peter (Tek Systems)
Cc: [EMAIL-REMOVED]
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-REMOVED]
[EMAIL-REMOVED]> >:
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-REMOVED]]
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-REMOVED]]
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/