Previous Message
Next Message

frameless frames, synchronized scroll, and tableless tables (basically Excel)

Sent by Maziak, Peter (Tek Systems) on 6 January 2006 22:10


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/
Previous Message
Next Message

Possibly related: