yarffaJ nalA (jnala) wrote in lj_dev,
yarffaJ nalA

HTML table question

How can I make this work?
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.


  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded