hola quisiera hacer el diseño de mi web de acuerdo a este dibujo [URL="http://img651.imageshack.us/img651/2980/webu.gif"]http://img651.imageshack.us/img651/2980/webu.gif[/URL], bien hasta ahora llevo este avance, el problema radica en que no se como poner los div de laderecha alguna sugerencia
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>
<title>Untitled Document</title>
<link type="text/css" href="css.css" rel="stylesheet" />
</head>
<body>
<div id="contenedor">
<div id="encabezado">Content for class encabezado Goes Here</div>
<div id="menu">
<div id="columna_left">Content for id colummna_lef Goes Here</div>
<div id="columna_right">Content for id column_rihgt Goes Here</div>
</div>
<div id="pie_pagina">
<P>InmobiliariaTlaxcala.com.mx.</P>
<P>Oficinas: Ubicadas en Prologación Díaz Varela No. 10 Altos,</P>
<P>Col. Industrial Buenos Aires, Chiautempan Tlax.</P>
<P>Tel. (01246) 46-351-19</P>
</div>
</div>
</body>
</html> y el css es este
Código:
/* CSS Document */
{
margin:0px;
}
#contenedor{
width:800px;
height:auto;
margin:auto;
background:#CCCCCC;
}
#encabezado{
height:120PX;
background-color:#66CC00;
}
#menu{
width:800px;
overflow:hidden;
height:auto;
}
#columna_left {
width:200px;
background-color:#5B7444;
height:300px;
float:left;
}
#columna_right {
width:590px;
background-color:#47697E;
height:300px;
float:right;
}
la pregunta es tengo que hacer un div por cada caja que quiero podrian ayudarm de antemano muchas gracias