rendered paste body<!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" xml:lang="en" lang="en">
<head><title>2columns.net</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
body {
margin:0px;
background-color:white;
}
.container{
margin:auto;
width:760px;
background-color: #7DA4D3;
}
.rightConLeftCol{
float:right;
width: 500px;
background-color:#C6F4AB;
}
.leftConRightCol{
float:left;
width:260px;
background-color:#7DA4D3;
}
.colLeft, .colRight {
padding: 10px;
}
* { margin:0; padding:0; }
.colLeft{
z-index:1;
position: relative;
left:-260px; right: 15px;
width:500px;
background-color:#7DA4D3;
min-height: 150px;
height: auto !important;
height: 150px;
margin-right: 115px;
}
.colRight{
z-index:2;
position: relative;
left:500px;
width:260px;
background-color:#C6F4AB;
}
.brclear {
clear: both; font-size: 1px; margin: 0px; line-height: 0; height: 0px;
}
.brspace {
font-size: 1px; margin: 0px; line-height: 0; height: 0px;
}
/* IE mac hack */
* html>body .colRight{
display:inline-block;
overflow: auto;
}
* html>body .colLeft{
overflow: auto;
}
</style>
</head>
<body>
<div class="container">
<!--put header here-->
<div class="rightConLeftCol">
<div class="colLeft">
<br class="brspace" />
<hr />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu diam. Sed libero nulla, interdum aliquet, viverra quis, auctor id, metus. Suspendisse pulvinar est in turpis. Nulla ornare neque. Curabitur dictum neque quis ipsum. Nulla suscipit, velit nec facilisis rutrum, elit velit sagittis ante, volutpat vestibulum arcu felis et est. Nullam quis neque ut sem accumsan nonummy. Vivamus venenatis. Mauris at leo vel est sollicitudin nonummy. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas neque. Nulla pretium, felis ac placerat scelerisque, erat urna varius purus, a commodo ante diam vitae neque. Donec laoreet porta dui.</p>
</div>
</div>
<div class="leftConRightCol">
<div class="colRight">
<br class="brspace" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu diam. Sed libero nulla, interdum aliquet, viverra quis, auctor id, metus. Suspendisse pulvinar est in turpis. Nulla ornare neque. Curabitur dictum neque quis ipsum. Nulla suscipit, velit nec facilisis rutrum, elit velit sagittis ante, volutpat vestibulum arcu felis et est. Nullam quis neque ut sem accumsan nonummy. Vivamus venenatis. Mauris at leo vel est sollicitudin nonummy. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas neque. Nulla pretium, felis ac placerat scelerisque, erat urna varius purus, a commodo ante diam vitae neque. Donec laoreet porta dui.</p>
</div>
</div>
<br class="brclear" />
<!--put footer here-->
</div>
</body>
</html>