the green box is an image of fixed but unknown size.|
this red box should be just large enough to contain the text.
|this blue box should contain all remaining vertical space.|
This is driving me nuts. This is basic functionality in every other layout engine I've used. Surely there's a way to do it in HTML. But what is it?
I'm running into this problem while making a change to the default style, which is why I'm bringing it up here... In the default friends view, I'm trying to move the userpic/username to the top of the left column, while keeping the time in the second column middle-aligned relative to the userpic/username. If you can figure out a way to do that without running into the above problem, I'd be interested in hearing that as well.