Forum Moderators: not2easy
#header {padding: 15px;margin: 0px;text-align: center;margin: 0 0 15px 0;background: green;}
#right {float:right;background-color: #407B4F;border: 3px solid #000000;border:1px #404040 double;position:absolute;width:80%;}
#left {width:20%;border-left:3px solid black;border-top:3px solid black;border-right:3px solid black;height: 100%;position:absolute;float:left;overflow: visible;padding-left: 10%;background-color: #407B4F;color: white;padding-right: 10%;padding-top: 2%;padding-bottom: 2%;background-image: url(pgradient.jpg);background-repeat: repeat-x;}
#container {margin: 0px auto;padding: 0px;width: 760px;background-color: #407B4F;border: 3px solid #000000;position: relative;margin-left: auto;text-align: left;border:1px #404040 double;border-right:1px #c0c0c0 solid;border-bottom:1px #c0c0c0 solid}
<div id="container">
<div id="header">
Header stuff
</div>
<div id="left">
Left stuff
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<div id="right">
<div style="background-color: #407B4F; border: 3px solid #000000;">
Right Stuff
</div>
</div>
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title></title>
<meta name="created" content="Wed, 22 Sep 2010 01:19:44 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">
<style>
* { margin: 0px; padding: 0; border: 0; }
#wrap {
width: 800px;
height: 900px;
margin: 0 auto;
background: #407b4f;
border: 1px double #404040;
clear: both;
}
#header {
width: 760px;
height: 70px;
margin: 2% auto;
text-align: center;
background: #0f0;
border: 1px solid #f00;
}
#left {
float: left;
width: 20%;
height: 600px;
overflow: visible;
border-left: 3px solid #000;
border-top: 3px solid #000;
color: #fff;
background: url(pgradient.jpg) repeat-x;
}
#right {
float: right;
width: 78.8%;
height: 600px;
overflow: visible;
border: 3px solid #000;
color: #fff;
}
/*
#content {
width: 100%;
font-family: 'times new roman', sans-serif;
font-size: 1em;
color: 000;}
*/
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" type="text/css" href="site_css/css_2010_iestyle.css">
<script type="text/javascript" src="site_js/js_blink4IE.js"></script>
<![endif]-->
</head>
<body>
<div id="wrap"><!-- START Wrap -->
<div id="header"><h1>Header Stuff</h1></div>
<div id="left"><h1>Left Stuff</h1></div>
<div id="right"><h1>Right Stuff</h1></div>
<!--
<div id="content">
<h1><p>Content Area</h1></p>
</div>
-->
</div><!-- END Wrap -->
</body></html>
