The idea is to have a column in a table of static content where enough
content is displayed to take up the full width of the table cell as
the table's width changes. Here's an example of a file listing,
displayed in a table:
Wide table:
| Filename | Size | Date |
| short name.txt | 5kb | 2006-10-4 |
| extremely long name.txt | 2kb | 2005-01-08 |
When the window/table is resized to be smaller:
| Filename | Size | Date |
| short name.txt | 5kb | 2006-10-4 |
| extremely long name.txt | 2kb | 2005-01-08 |
Then with clipping for narrower widths:
| Filename | Size | Date |
| short name.txt | 5kb | 2006-10-4 |
| extremely long na | 2kb | 2005-01-08 |
The trick is to do it without using Javascript. Is there a simple
solution for doing so? (Or any known validating and reasonably
browser-supported solution at all?)
Gmail's listings of messages in mail folders use this technique. I
tried probing the css with the help of Firefox's webdev toolbar, but I
was only able to find:
.tlc td (line 45)
{
width: 100%;
white-space: nowrap;
overflow-x: hidden;
overflow-y: hidden;
}
This seems to give most of the desired behavior but without the clipping.
So we get this:
http://curby.net/pub/temp/indexer_test.htm
Here's a version with short file names so you can see how things should behave:
http://curby.net/pub/temp/indexer_test2.htm
The goal is to get things to behave like the second link above, but
showing as much of the filename as fits comfortably.
Any ideas? Thanks!
--Mike
P.S. Pardon the examples, which are just intended to show the table
behavior. I know there are many rendering bugs.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
