Dejo tambien el codigo que pude armar con mis pocos conocimientos de css, pero en el que sigo con problemas para alinear las cajas que quiero armar....
Código:
<html><head>
body {margin: 0;
padding: 0;
font-family: sans-serif;
font-size: .7em;
line-height: 1.4em;}
div#header {padding: 2%;
text-align: center;
background-color: #ffffff;
color: #4b4842;
margin-bottom: 0px;
border-bottom: solid #739341 3px;}
div#footer {padding: 2%;
text-align: center;
clear: both;
border-top: solid #739341 3px;
background-color: #ffffff;}
div#maincontent {
padding: 1%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
float: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
div#rightcolumn {padding: 2%;
float: right;
background-color: #ffffff;
border-left:solid #739341 3px;
width: 250px;}
</head>
<body>
<div id="header">CABECERA</div>
<div id="rightcolumn"> <p>Texto Texto<br>
Links Links<br>
Texto Texto<br>
Links Links<br>
Texto Texto<br>
Links Links<br>
Texto Texto<br>
Links Links<br>
</p>
</div>
<div id="maincontent"> <p>Texto..............................</p>
<p> </p>
<div style="width: 45%; float: left;">CAJA 1 </div>
<div style="width: 45%; float: right;">CAJA 2 </div>
<div style="width: 45%; float: left;">CAJA 3 </div>
<div style="width: 45%; float: right;">CAJA 4 </div>
</div>
<div id="footer">PIE</div>
</body></html>
Agradezco cualquier clase de ayudaaa =)