1. Technology

Free Web Template: Two Column Layout with Header and Footer

The XHTML

By

Copy the XHTML into your document. Be sure to not copy the advertisement copy that may appear within the 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>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>2 Column Header and Footer Layout</title>
 <link href="styles.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
 <div id="header"><h1>Header</h1></div>
 <div id="maincontainer">
 <div id="main">
 <p>Whee</p>
 <p>Ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, duis aute irure
 dolor excepteur sint occaecat. Velit esse cillum dolore quis nostrud exercitation
 mollit anim id est laborum.</p>
 <p>In reprehenderit in voluptate ut labore et dolore magna aliqua. Sed do eiusmod
 tempor incididunt consectetur adipisicing elit, duis aute irure dolor. Ut aliquip
 ex ea commodo consequat. Velit esse cillum dolore mollit anim id est laborum.</p>
 <p>Excepteur sint occaecat ut labore et dolore magna aliqua. Sed do eiusmod tempor
 incididunt ut enim ad minim veniam, quis nostrud exercitation. Duis aute irure
 dolor consectetur adipisicing elit, mollit anim id est laborum. Sed do eiusmod
 tempor incididunt lorem ipsum dolor sit amet, cupidatat non proident. Ullamco laboris
 nisi in reprehenderit in voluptate consectetur adipisicing elit.</p>
 </div>
 <div id="nav">
 <ul>
 <li><a href="">Link</a></li>
 <li><a href="">Link</a></li>
 <li><a href="">Link</a></li>
 <li><a href="">Link</a></li>
 </ul>
 </div>
 </div>
 <div id="footer"><h4>Footer</h4></div>
 </body>
 </html> 

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

Return to Two Column Layout with Header and Footer
More XHTML CSS Layout Templates

©2014 About.com. All rights reserved.