Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/10/2009, 17:36
magovenecia
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Pasar una tabla a divs

Hola de nuevo, he tratado de simular la tabla que tenia en div con este codigo

<head>
<meta name="generator" content="" />
<style>
#contenedor{
width:40%;
border: #000 1px solid ;
}
#titulo{
width:100%;
padding: 5px;
margin-bottom: 1px ;
background-color: rgb(213, 219, 225);
border: #000 1px solid ;
}
#columizq{
float: left;
width:33% ;
margin: 0;
margin-left: ;
padding: 5px;
background-color: rgb(235, 235, 235);
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;

}
#columder{
float: right;
width: ;
margin: 0;
margin-left: ;
padding: 5px;
background-color: rgb(235, 235, 235)
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;

}
#centro{
padding: 5px;
margin-left: ;
margin-right: ;
background-color: #CCCC99;
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
}
#pie{
width: ;
border: #000 1px solid ;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="titulo">&nbsp;Titulo</div>
<div id="columizq">&nbsp;columna izquierda </div>
<div id="columder">Esta es la columna derecha &nbsp;</div>
<div id="centro">&nbsp;contenido central </div>
<div id="columizq">&nbsp; izquierda </div>
<div id="columder">Esta es la columna derecha &nbsp;</div>
<div id="centro">&nbsp;contenido central </div>
<div id="pie">Pie</div>
</div>
</body>
</html>

pero me ha surgido dos dudas, que en la parte superior (div cabecera) al ponerlo width:100% es más ancho que el resto de las filas y no se como arreglarlo, y visto que si pongo 98% lo ajusto pero creo que eso sera de forma chapuza. Y quisiera saber porque al intentar poner las tres columnas al mismo porcentaje widht =33% (div columiz,div columder y div centro) se me descuadran.

Por adelantado muchas gracias y siento si mi anterior mensaje parecia un caradura