Bueno gracias por su ayuda, lo pude solucionar.
Dejo el código:
HTML
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>NSNTP</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="borde_superior">
<div id="borde_sup_der"></div>
<div id="borde_sup_izq"></div>
</div>
<div id="contenedor">
<div id="izquierda"></div>
<div id="derecha"></div>
<div id="centro">
</div>
</div>
<div id="borde_inferior">
<div id="borde_inf_der"></div>
<div id="borde_inf_izq"></div>
</div>
</body>
</html>
CSS
Cita: @charset "utf-8";
* {
margin: 0;
padding:0;
outline: none;
border: 0;
}
body {
font-size:99%;
font-family:sans-serif;
background:#333;
}
#borde_superior {
background:#ff0000;
height:50px
}
#izquierda {
float:left;
width:30px;
padding: 10px;
background:#ff0000;
}
#derecha {
float:right;
width:30px;
padding: 10px;
background:#ff0000;
}
#centro {
background:#e0e0e0;
overflow:hidden;
}
#contenedor {
overflow:hidden;
background:#444;
width:100%;
margin: 0 auto;
}
#izquierda, #centro, #derecha {
padding-bottom:10000px;
margin-bottom:-10000px;
}
#borde_inferior {
clear:both;
height: 50px;
background:#ff0000;
}
#borde_sup_der {
background-color: #00F;
float: right;
height: 50px;
width: 50px;
}
#borde_sup_izq {
background-color: #00F;
height: 50px;
width: 50px;
}
#borde_inf_der {
background-color: #00F;
float: right;
height: 50px;
width: 50px;
}
#borde_inf_izq {
background-color: #00F;
height: 50px;
width: 50px;
}
link donde encontre la solucion: http://css.devillasbuenas.es/3columnas.html