tripngroove

<!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=utf-8" />
<title>empty css layouts</title>

<style>
div { border:1px solid #ccc; min-height:60px; } /* some rules to make the empty divs easy to see */

/* rules for a 3-column liquid layout */
#wrapper {}
#banner { }
#nav { float:left; width:120px;}
#right-column { float:right; width:120px;}
#content { margin:0 140px;}
#footer { clear:both; }

/* alternate rules for a 2-column fixed-width layout;
to see these in action, simply comment out the other section and uncomment this one *//*

#wrapper { width:800px; margin:0 auto;}
#banner {}
#nav {}
#right-column { float:right; width:120px;}
#content { margin:0 140px 0 0; }
#footer {}
*/
</style>

</head>

<body>

<div id="wrapper">
<div id="banner"></div>
<div id="nav"></div>
<div id="right-column"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

</body>
</html>