Expanding table cells

Forum Moderators: open

Message Too Old, No Replies

Expanding table cells

toolman

4:03 am on Nov 24, 2001 (gmt 0)

Is there a way to make a table cell expand verically to the bottom of the page along with adjacent content. In other words another table cell has text that is defining the window size...can I make another table "float 100%" to the bottom of the winder.

sarkye

4:43 am on Nov 24, 2001 (gmt 0)

toolman, the only way I've ever been able to achieve what I think you're trying to do, isn't really correct HTML...

I've used a table height percentage of 100 and specified row heights everywhere that I wanted to constrict, leaving the remaining row to fill whatever was left.

Hope that's what you mean, moreover, hope it helps some!

tedster

4:57 am on Nov 24, 2001 (gmt 0)

I'm not clear on the question, little. The text is defining the window size? or did you mean the table cell size?

Do you want to fill the window, fill the screen, or fill the page (even if it scrolls beyond one screenful because of other content)?

sarkye

5:04 am on Nov 24, 2001 (gmt 0)

I've looked into this some more and there might be another option (again, if I've understood correctly).

Using CSS, you can add an inline style to the <table> like this:

table-layout: fixed ;

this leaves you apparently able to specify width *and* height within the style tag.

just found out though, Netscape don't like it!

(edited by: sarkye at 5:07 am (gmt) on Nov. 24, 2001)

toolman

5:06 am on Nov 24, 2001 (gmt 0)

Sorry. Nevermind. I just realized what I'm doing here won't work because the table cell with the expanding text is in a different layer than the base table construct for the graphics on the page.

I guess you could call me little tool if you must tedster...it's not very flattering though. :)

tedster

5:11 am on Nov 24, 2001 (gmt 0)

Greatest apologies -- reading too many windows at once, toolman.

Nothing intended!

toolman

5:13 am on Nov 24, 2001 (gmt 0)

Great to see you back in the swing of things tedster...here it Friday night at 12 and toolman, tedster and sarkye are all working. ;)

toolman

5:25 am on Nov 24, 2001 (gmt 0)

[richinstyle.com...]

This has always been a big help with css sarkye.

sarkye

6:37 am on Nov 24, 2001 (gmt 0)

Thanks toolman

That's a pretty substantial list... so substantial that I can't help thinking that the trial and error approach is far less time consuming than reading and referring back to it.

Bookmarked it anyway because I have no doubt it'll come in useful.

Thanks again.

rcjordan

11:33 pm on Nov 25, 2001 (gmt 0)

back to the problem... it would make a great layout snippet for the toolbox. I've run into the problem before. Take a look at this code. I'd like to make 'item e' always align horizontally with 'item 2.' It's going to involve some javascript height calculations on-the-fly. About the only thing I can find that begins to address this successfully is Steinman's Liquid Layout [dansteinman.com]. (Try resizing your browser window once there.) From Using Browser Width/Height [dansteinman.com].

</td>
</tr>
</table>