Re: [css-d] Setting height relative to width

2013-02-11 Thread Barney Carroll
Ah no. This is the crux of it: you need additional markup for the scaffold. A parent with relativity and containment, a semantically useless child with the padding, and your second child taking advantage of the resulting shape to hold the genuine contents. I was thinking of adding the disclaimer: n

Re: [css-d] Setting height relative to width

2013-02-11 Thread Kyle Sessions
On Mon, Feb 11, 2013 at 11:50 AM, Barney Carroll wrote: > Thierry wrote up an excellent technique for this that is incidentally very > useful when scaling embedded media. The linked article frames it in that > context, but the principles are the same: a padding property percentage > will take rela

Re: [css-d] Setting height relative to width

2013-02-11 Thread Kyle Sessions
On Mon, Feb 11, 2013 at 11:50 AM, Barney Carroll wrote: > Thierry wrote up an excellent technique for this that is incidentally very > useful when scaling embedded media. The linked article frames it in that > context, but the principles are the same: a padding property percentage > will take rela

Re: [css-d] Setting height relative to width

2013-02-11 Thread Barney Carroll
Thierry wrote up an excellent technique for this that is incidentally very useful when scaling embedded media. The linked article frames it in that context, but the principles are the same: a padding property percentage will take relative width as its reference: alistapart.com/article/creating-int

[css-d] Setting height relative to width

2013-02-11 Thread Kyle Sessions
I've been doing some googling and not having great luck in solving this problem. I've got some old pixel-based layouts that I'm trying to "retrofit" to responsive layouts. I know all about the magic "target / context = result%" formula for figuring percentage-based widths, but what I can't figure o