Forum Moderators: open
Since my left and right columns will stay pretty much the same, is there a way to keep them a certain size while the middle cell can extend to fit varying amounts of text? Thanks.
The bottom edge of a table has to be even, so all three columns must grow downwards.
You don't need to specify a height - browsers will render the table to the minimum height (which is the maximum of the 3 columns).
You may wish to have all cells use a VALIGN='top" tag so that the text stays at the top in those columns that aren't full.
DerekH
In the middle column, do a ROWSPAN to merge together the top and bottom rows into a single monolithic block.
With most browsers (and I have seem some that don't do what I'm about to describe)...
As you load up the centre column with content, the top left and top right will stay put and the bottom left and bottom right will grow down with whatever you've put in there...
The principal thing you must remember about HTML when used at the simple level is that it's block based. You can't leave bits of screen unused, or come back to them later, unless you use CSS or padding cells in tables.
I'm not sure that this helps you much!
Have you tried the W3CSchools tutorials on HTML tables - they're particularly clear and informative. (and free!)
DerekH
The 3-column layout is great. Putting your text content in the center column keeps visitors from trying to read across the page.
Maybe we can help if you give us more information.
Sometimes the question is a bigger mystery than the solution. What is it you're trying to achieve? Are you having some other problem on the page that makes you want to do this?
The 3-column layout is great. Putting your text content in the center column keeps visitors from trying to read across the page.Maybe we can help if you give us more information.
I'm trying to achieve the 3-column layout, but with the end columns being different heights than the center column. I plan on putting the context in the center, and I'm not having any other problems.
I pretty much want this effect that someone got by using CSS, which I am not sure is possible by just using tables:
[ssi-developer.net...]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>
</head>
<body bgcolor="#999999">
<table border="0" cellspacing="1" width="100%" id="table1">
<tr>
<td bgcolor="#CCCCCC" width="160" height="351"> <p> </p>
<p> </p>
<p> </p>
<p> </td>
<td rowspan="2" bgcolor="#FFFFFF"> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td bgcolor="#CCCCCC" width="160" height="351"> </td>
</tr>
<tr>
<td width="185"> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td width="185"> </td>
</tr>
</table>
</body>
</html>