See this example:-
http://www.wickham43.supanet.com/for...ivexample.html
<body>
<div style="width: 100%; background-color: green;"> <!--container-->
<div style="width: 100%; background-color: red;">
Banner across top of page
</div>
<div style="width: 200px; float: left; height: 300px; background-color: pink;">
Left column menus
</div>
<div style="margin-left: 200px; background-color: yellow;">
text text text text text<br>
text text text text text<br>
text text text text text<br>
</div>
</div> <!--end of container-->
</body>
PS I've just noticed that you asked for the table solution so I have added it below in the example online. Basically you put a table with fixed height inside the left cell of the main table.
<table width="100%" cellspacing="0"><tr>
<td colspan="2" bgcolor="red">Banner</td></tr>
<tr>
<td width="200" valign="top" bgcolor="green">
<table width="200" height="300" bgcolor="pink"><tr><td
valign="top">Left inner table column</td></tr></table>Left
outercolumn</td>
<td bgcolor="yellow">Text column<br>
text text text text text<br>
</td>
</tr></table>
Last edited by Wickham; 18 May 2006 at 12:52 PM.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.
Reply With Quote
