HTML table question
How can I make this work?
I know how to do this with column widths, but I've been staring at the HTML4 spec for hours and can't see a way to do it with row height. The HEIGHT attribute of TR doesn't appear to do what I want. (Konqueror and IE5/Mac do what I want in this case without any height tags, but that's just coincidence of undefined behavior happening to be what I want; IE5/Win32 and Mozilla/Win32 don't have this coincidence.)
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. |
I know how to do this with column widths, but I've been staring at the HTML4 spec for hours and can't see a way to do it with row height. The HEIGHT attribute of TR doesn't appear to do what I want. (Konqueror and IE5/Mac do what I want in this case without any height tags, but that's just coincidence of undefined behavior happening to be what I want; IE5/Win32 and Mozilla/Win32 don't have this coincidence.)
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.