Can anyone find a 'modest' adjustment to the following code to at least create the illusions that the columns are always the same height regardless of which column more content/longer height? Thanks!
<BEGIN HTML CODE>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles.css" type="text/css" rel="stylesheet" media="all" />
</head>
<body>
<div id="topshadow"></div>
<div id="main">
<div id="middle">
<div id="header">
<div><h6>text</h6></div>
</div>
<div id="nav">
<li><a href="#">personalities</a>
</li>
<li class="thislink">articles<
/li>
<li><a href="#">books</a></li>
<li><a href="#">life studies</a></li>
<li><a href="#">videos</a></li>
<li><a href="#">photo album</a></li>
<li><a href="#">websites</a></li>
<li><a href="#">contact me</a></li>
</div>
<div id="leftcol">
<div id="story">
<div id="date">Photo Albums :: Picture 001</div>
<div id="next"><a href="#">next</a><img src="images/arrow_right.gi
f" width="10" height="9" /></div>
<div id="previous"><img src="images/arrow_left.gif
" width="10" height="9" /><a href="#">previous</a></div
>
<div id="title"><h2>Outdoor Summer Fun with the Water Slide!</h2></div>
<div id="currentphoto"><img src="images/album01.jpg" width="400" height="300" /></div>
<div id="lightcomment"><a name="1"></a>
<div id="commentbody">
<div id="commentauthor"><strong
><a target="_blank" href="#">dave</a></strong>
writes:
Sample text.</div>
<div id="commentdate">October 1, 2004 12:21 PM</div>
<div id="tracker"><a href="#" title="Link to this comment">[ link ]</a></div>
</div>
</div>
<div id="lightcomment"><a name="2"></a>
<div id="commentbody">
<div id="commentauthor"><strong
><a target="_blank" href="#">dave</a></strong>
writes:
Sample text.</div>
<div id="commentdate">October 1, 2004 12:21 PM</div>
<div id="tracker"><a href="#" title="Link to this comment">[ link ]</a></div>
</div>
</div>
</div>
</div>
<div id="rightcol">
<div id="margintitle">Quote of the Day</div>
<div id="quote">"About all you can do in life is be who you are. Some people will love you for you. Most will love you for what you can do for them, and some won't like you at all."</div>
<div id="quoteauthor"><a href="#">Rita Mae Brown</a> (1944-)</div>
<div style="clear:right;"></div
>
<div id="margintitle">Favorite Books</div>
<ul>
<div id="booktitle"><li><a href="#">21 Laws of Leadership</a></li></div>
<div id="bookauthor">John C. Maxwell</div>
<div id="booktitle"><li><a href="#">Coach Yourself to Success</a></li></div>
<div id="bookauthor">Talane Miedaner</div>
<div id="booktitle"><li><a href="#">Right-Brained Children in a Left-Brained World</a></li></div>
<div id="bookauthor">Jeffrey Freed & Laurie Parsons</div>
</ul>
<div id="margintitle">Favorite Playlist</div>
<div id="playlist">
<div id="currentcd"><img src="images/simon_garfunke
l.jpg" width="50" height="50" border="0" /></div>
<div id="currentcd"><img src="images/jimmy_buffett.
jpg" width="50" height="50" border="0" /></div>
<div id="currentcd"><img src="images/lee_greenwood.
jpg" width="50" height="49" border="0" /></div>
</div>
<div style="clear:left;"></div>
<div id="margintitle">Recent Articles</div>
<ul>
<div id="storytitle">
<li>Text</li>
</div>
</ul>
<div id="margintitle">Stories by Category</div>
<ul>
<div id="storytitle"><li><a href="#">Football</a></li>
</div>
<div id="storytitle"><li><a href="#">Entrepreneurs in America</a></li></div>
<div id="storytitle"><li><a href="#">Technology</a></l
i></div>
</ul>
<div id="margintitle">Life Studies</div>
<ul>
<div id="storytitle"><li><a href="#">Benjamin Franklin</a></li></div>
<div id="storytitle"><li><a href="#">Thomas Jefferson</a></li></div>
</ul>
</div>
</div>
</div>
<div id="footer">footer</div>
</body>
</html>
<END HTML CODE>
