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 <[email protected]> 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 <[email protected]>
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 [[email protected]]
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/

Reply via email to