Thanks, David. The flex solution is really nice - I'm so glad you worked that through! I have to support IE7+ (not my choice), so I would have to use JS in addition to this. (And for some reason, I'm not getting the flex tags in IE10 - but I haven't taken a look at why these aren't coming through)
On Nov 15, 2013, at 7:23 PM, David Hucklesby <huckle...@gmail.com> wrote: > On 11/14/13, 5:43 AM, Sara Haradhvala wrote: >> I ended up using JavaScript to set the height of each cell - that seems to >> work in all browsers! >> >> On Nov 13, 2013, at 5:03 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote: >> > [...] >>> >>> Pretty sure display:flex is going to make this a non-issue, so if you're >>> only needing to work with latest releases, I'd go with that. >>> >>> >>> On Wed, Nov 13, 2013 at 4:02 PM, Sara Haradhvala <har...@comcast.net> >>> wrote: Would really appreciate a suggestion and explanation from this >>> group. >>> >>> I'd like to align a link at the bottom of a table cell. The rest of the >>> text should be aligned at the top of the cell. I'd also like to leave some >>> padding above the link so that I can reduce the width of the window and >>> there's room for the link to wrap to become 3 short lines rather than 1 >>> long line without bumping into the text. I'd like the cell sizes to be >>> variable if at all possible. >>> > [code snipped] > > A day late and a dollar short, as I am new to flex boxes. But Chris is right, > and here's my attempt, with table display fallback for old browsers. > > The flex seems to work for far more browsers than I thought. (But I cheated > and > use prefixfree.js to get old versions to work.) > > <http://cdpn.io/ynfie> > > Glad you got some JavaScript that works, Sara. Here's Chris Coyier's solution: > > <http://css-tricks.com/absolutely-position-element-within-a-table-cell/> > > -- > Cordially, > David > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
