purves

Hi S@m,I ended up doing something a little different. My document consisted of three main sections: header, sidebar, and main content. Once I moved the sidebar inside the main content container, the 100% reflected the total length of the main content instead of the screen, which is what I wanted.Thanks for your reply, though. I read through the link you provided and it was also quite useful.

Hello,I have a vertical box that I would like to run the entire length of the document. If I set the height to "100%" the height of the box is 100% of the screen, not the document. Is there a way to do what I want?Thanks.

I guess they are bad examples. You'll need to set those attributes using styles instead: <table style="background-color: #123456; text-align: center;">

Sorry, I wasn't as clear as I should have been. The table I pasted has four rows. The first row is a header for the page and will always stay the same size. The second through fourth rows are split into two columns. The second column is the main content of the page and depending on the text size used by the browser may change in height. In the first column, the top cell would contain the sidebar. I would like the height of this cell fixed so that if the height of column two changes, the sidebar cell remains fixed. Also, for the bottom cell of the first column, containing some footer info, I would like the height of this cell to remain fixed. The middle cell of the first column is what I would like to be variable. If a browser loads a large font for the main content and increases the height of the main content cell, I would like the "Fill" cell to take up the slack in increase in height while leaving the "sidebar" and "footer" cells at the same height.I suspect that this may not be possible...

Hello,I would like to create a table where all but on of the row heights are fixed and the remaining row resizes to accomodate the height of the table. An example is below of how I think it should work, but this table doesn't render as I would like. I would like to set the "sidebar" and "footer" row to fixed heights and have the "fill" row increase to accomodate the size of the element with the paragraphs. <table border=1> <colgroup> <col width=100> <col width=200> <tr> <td colspan=2> HEADER </td> </tr> <tr> <td style="height: 30px"> Sidebar </td> <td rowspan=3> <p>Paragraph</p> <p>Paragraph</p> <p>Paragraph</p> <p>Paragraph</p> <p>Paragraph</p> <p>Paragraph</p> </td> </tr> <tr> <td> Fill </td> </tr> <tr> <td style="height: 30px"> Footer </td> </tr> </table>