Cool technique! I don't think (on first glance) it will work in this particular case - the programmers on the back end will cringe if I suggest a jump to another page for the full details.
But this example: http://www.satzansatz.de/cssd/tmp/dropitII.html gives me an idea for letting users know immediately that a long table (ie. taller than the viewport) has triggered a horizontal overflow (overflow: auto;) without seeing the horizontal scroll bar (which would be below the bottom of the viewport). Imagine the little arrow icon appearing at the top right of the table if there is horizontal overflow. This could be really useful... On my original problem, though, it occurs to me that using the text- overflow: ellipsis; might be at least a partial solution for some of the data columns (especially the first column) which are actually links, if I add the "title" attribute... won't the title attribute trigger a tooltip-like popup on hover with the full title text? Haven't played with it yet but remember seeing it discussed recently. Rolf On Dec 30, 2005, at 6:43 PM, Ingo Chao wrote: > [EMAIL PROTECTED] wrote: >> I've got a fixed width table (750px) with 10 columns on a fixed >> width page. I've been asked to squeeze an additional 2 or 3 >> columns of data into the same space. In some cases, the data >> simply won't fit horizontally in the space allotted at readable >> font sizes. I know the arguments for allowing the page and the >> table to expand, but I'm trying to explore other options due to >> other constraints. >> One option is that I simply use >> {overflow: auto;} >> on the table (or perhaps, the div that contains the table). >> Is there another way? >> For example, I could use >> { text-overflow: ellipsis; } >> on certain columns, but how do I make that hidden data visible if >> a user wants to see it? > > In May 2005, we discussed a question how to wrap long URL's [1]. > > Paul Novitski explained his idea to let long URLs be partially > hidden with an ellipsis, and I suggested a pure CSS solution for > his idea. > > The method uses a float that drops into view once an preceding > float gets too wide and is hidden by an overflown container. > > Recently, I thought about other problems that this solution could > address, and talked with Georg Sørtun about other possibilities [2] > [3]. > > So, I hope, yes, this could be another way: > http://www.satzansatz.de/cssd/dropit.html > > (A change to the May attempt is the link that is absolutely > positioned in a 1x1px right float to keep the dropping float itself > small, while the a.p.link physically does not take space) > > Technically, it looks promising in Fx1.5, IE6/Win, Opera8, Safari > 2.0.2. IE5.23Mac shows the link, but adds some transparency to it. > > Critique and suggestions appreciated. > Does it solve the problem? Is it accessible? > > Regards, > Ingo > > [1] http://archivist.incutio.com/viewlist/css-discuss/57426 > [2] http://www.satzansatz.de/cssd/tmp/dropitII.html > [3] http://www.gunlaug.no/tos/alien/test_8770.html > -- > http://www.satzansatz.de/css.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/
