[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