I have a lot of tables of data. One of the columns can be highly variable
in length and so I would like it to truncate rather than wrap.
I have come close to achieving this using two methods but neither is
The first method is to wrap the table cells content in <div
style='overflow: hidden'>content</div> but this appears to work only
in FF. IE and Safari ignore the overflow directive but otherwise
this would have been perfect.
The second method is to commit to table-layout: fixed but of course
then you have to predefine all column widths. Unfortunately there is *one*
column that I would like to be sized depending on the content of the cell.
Can anyone recommend a method for truncating only one column of an
otherwise content-sized table?
IE7 information -- 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/