Gracias Flashmax por tu respuesta, es que preferiria diseñarlo yo mismo
Pude ordenar el lado izquierdo y el centro, Pero el lado derecho no me queda en su lugar, Dreamweaver me lo ubica abajo de todo y no se como ubicarlo aca el codigo si me pueden decir como lograr poner ese div id= "derecha" en su respondiente lugar ( o sea a la derecha).
Les muestro lo que hice:
Código HTML:
<!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>Documento sin título</title>
<style type="text/css">
#principal {
height: 750px;
width: 900px;
margin:0 auto;
}
#principal #banner {
height: 150px;
width: 900px;
background-color: #CCC;
}
#principal #botonera {
height: 30px;
width: 900px;
background-color: #999;
}
#principal #izquierda {
background-color: #F90;
float: left;
width: 200px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
height: 570px;
}
#principal #centro {
float: left;
width: 500px;
background-color: #FC0;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
height: 570px;
}
#principal #derecha {
float: left;
background-color: #FF0;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
width: 200px;
height: 570px;
}
.limpiar{
clear:both;
}
</style>
</head>
<body>
<div id="principal">
<div id="banner">Colocar "banner"</div>
<div id="botonera">Colocar aquí"botonera"</div>
<div id="izquierda">"izquierda"</div>
<div id="centro">CONTENIDO TEXTO, IMAGEN ETC..</div>
<div id="derecha">
<p>derecha"d </p>
</div>
<div class="limpiar"></div>
</div>
</body>
</html>