[thelist] Absolute positioned element inside a <td> that has overflow:hidden

Frank Marion lists at frankmarion.com
Mon Aug 16 14:13:42 CDT 2010


Sorry, Bill, I haven't slept well, and my mind is slow. This is what I  
understand, can you confirm or clarify?

You have random cells that may or may not display strings that might  
exceed the side of a td. You want to create a sort of disclosure div,  
so that if the user sees "this is some really long text and to  
[more]". When they hover or click, it expands the div so that they can  
see the rest of the data. Sort of a tool-tips deal.

Is my understanding correct?

*IF* that's the case, and you can use js, is there some reason you  
don't use overflow as an on-off switch, as seems to be the natural  
behaviour right now?

Correct me if I'm wrong, my brain is slow at the moment.

On 2010-08-16, at 2:53 PM, Bill Moseley wrote:
> Let me as the question I should have asked first.
>
> I need a three column layout. The left and right columns can be  
> fixed width
> but want a fluid column in the center.  That's easy and there's a  
> ton of
> examples online.
>
> But, in my center column I have a table that includes three columns of
> user-supplied data.  I have no idea which column for a given use  
> will have
> the longest string and the user-data can be very long strings of  
> characters
> that the browser will not wrap and if the table is not table-layout:  
> fixed
> will push the table width out of the container.
>
> What Gmail does for its inbox, for example, is set overflow: hidden  
> on the
> table cells, and sets a fixed width on the table and columns.   This  
> lets
> the overflow: hidden work.  Then it uses javascript onresize to  
> reset the
> widths so that it appears to be a fluid layout.
>
> Is there another solution to having a fluid layout yet allow  
> overflow:hidden
> to work on the table cells?





--
Frank Marion
lists [_at_] frankmarion.com







More information about the thelist mailing list