That's the only way I known how to do that. On Aug 15, 2010, at 6:07 PM, Bill Moseley <moseley at hank.org> wrote: > I want a table where I set width of columns (or table) and long text inside > of a cell is hidden (i.e. overflow: hidden). > > Now, I also want to have a "popup" on some cells that is positioned absolute > (out of the flow) but relative to the <td> where it is contained. (I'll > have a "click to expand") to show details about data in a cell, for example. > > The problem I have when the <td> has overflow: hidden then the absolute > positioned element is hidden. Here's a demo: > > http://hank.org/overflow.html > > In IE it works as I would like -- the yellow box is absolutely positioned > above the relative <td> and shown in full. On Firefox/Safari/Chrome the > yellow box is clipped due to the overflow: hidden. > > If I want that cell to have overflow:hidden but the popup to be visible is > the only choice to wrap the text like this? > > <td overflow:visible> > <div style="overflow:hidden">cell text</div> > <div class="popup">...</div> > </td> > > > Thanks, > > > -- > Bill Moseley > moseley at hank.org > -- > > * * Please support the community that supports you. * * > http://evolt.org/help_support_evolt/ > > For unsubscribe and other options, including the Tip Harvester > and archives of thelist go to: http://lists.evolt.org > Workers of the Web, evolt !