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
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/

Reply via email to