rendered paste body<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <style type="text/css"> body { min-height: 100%; margin: 0px; padding: 0px; background: #777d6a } body>div { height:auto; } #header { valign: middle; height: 100px; background: #777d6a; } #navbar { valign: middle; height: 30px; valign: top; background: #a9ae9f; } #footer { height: 20px; valign: middle; text-align: center; background: #777d6a; } #left { valign: middle; width: 20%; max-height: 5000; float: left; background: #999f8e; } #middle { valign: middle; float: left; max-height: 5000; width: 55%; background: #d2d8c7; } #right { valign: middle; float: right; width: 25%; max-height: 5000; background: #999f8e; } div.clear { clear:both; } </style><title>WEB PAGE TITLE GOES HERE</title></head><!-- ============ HEADER SECTION ============== --><div id="header"><h1>Website Logo</h1></div><!-- ============ NAVIGATION BAR SECTION ============== --><div id="navbar"><a href="#">Home</a></div><div class="sisalto"><div id="left"><!-- ============ LEFT COLUMN (MENU) ============== --><a href="#">Menu link</a><br><a href="#">Menu link</a><br><a href="#">Menu link</a><br><a href="#">Menu link</a><br><a href="#">Menu link</a></div><!-- ============ MIDDLE COLUMN (CONTENT) ============== --><div id="middle"><h2>Page heading</h2>A three column layout with header, navigation bar and footer sections. The first, second and fourth table rows create the header, navigation bar and footer respectively and contain a single table cell each. All these table cells use colspan="3" attribute-value pair. <br><br>The third table row contains three table cells which create the menu column (left), the content column (middle) and the extra column (right).<br><br></div><div id="right"><p> </p></div></div><div class="clear"> </div><!-- ============ FOOTER SECTION ============== --><div id="footer">Copyright </div></body><html>