Transformar una tabla de 3 celdas a Div usando css

[saymon]

Hola a todos y todas

Ante todo les comento que en CSS solo se lo basico para manejarlo con HTML en tablas, pero no con DIV, y en mi trabajo me han pedido algo en donde necesito hacer lo siguiente, LES AGRADESCO cualquier ayuda en cuanto a esto, quizas para algunos es pan comido, pero para mi es una piedra en mi zapato, hehe

Actualmente tengo una tabla con tres celdas, una tabla normal... pero necesito tomar esta tabla y transformala a div, osea que el usuario obtenga el mismo contenido pero con Div y CSS, lo que necesito es agrupar 3 div por linea uno alado del otro, les hice este ejemplo en esta pagina para que tengan mayor informacion si se interesan en ayudarme :D http://www.latinpa.com/test.html

Les agradesco de antemano cualquier tipo de ayuda o si necesitan mas informacion avisenme..

Saludos

[Daniel M.]

Hola broder, pues si quieres silmular una tabla te recomiendo esto:

Creas un contenedor con el ancho y alto de la tabla.
Los divs q pretenden ser celdas tiene q tener el ancho y alto de las celdas q pensabas crear y todas deben tener float:left.

Y si quieres crear otra fila pues duplicalo nada mas!

[saymon]

hola daniel,

me fue de gran ayuda lo que me dijiste, ya lo implementé y quedo asi http://www.latinpa.com/test.html , pero ahora bien, una de las cosas que necesito es que si achico la ventana de mi browser este se acople a la cantidad de espacio que hay, osea que si achico mi ventana la tabla me muestre dos columnas y si sigo achicando mi ventana me muestre inclusive una sola columna...

gracias a cualquier ayuda

[pzin]

Eso con tablas no se puede hacer, y con div tampoco. Igual implementando javascript se pueda, pero no lo sé.
Tal vez te sirva de algo aplicar las medidas de la anchura porcentualmente.

Código:

width:30%;

[saymon]

bueno no se si con div no se pueda hacer, pero he visto esto en algunos sitios...

Con mas detalles lo que quiero decir es que cuando valla achicando la ventana los divs se corran o bajen, esto formará las dos columnas que quiero y asi sucesivamente, lo que no se es que propiedad le tendria que poner, porque para ponerlos uno alado del otros utilizé float:left no se si esto es lo que hace q no se corran cuando achico la ventana o abrá otra propiedad que si me lo permita...

[saymon]

Hey dudes, just to finish this trade...

I got it, how to do it, yes, its possible with divs, its just this code for future guys...

.div_celda {width:250px; height:100px; float:left; border:thin solid #CCCCCC}


<div class="div_celda">fghjhgjhgjhgjhg</div>
<div class="div_celda">fghjghjhgjhgjhgj</div>
<div class="div_celda">gjhgjhgj<br />hgjhgjhg</div>

<div class="div_celda">fdsfghjhjjjhgjhgj<br />hgjhg</div>
<div class="div_celda">fdsf</div>
<div class="div_celda">fdsf</div>

[pzin]

Hola saymon. Aquí solemos hablar españolo.

Te habías expresado mal, o yo lo había interpretado mal.

[saymon]

jajaja, no hay problema... de todos modos aun necesito algo de ayuda, ahora necesito es centrar ese grupo de divs, osea que esa supúesta tabla no me quede en el lado izquierdo, sino en el centro,

alguien puede darme una ayuda please

Gracias

[pzin]

Hola otra vez.

Mira, puedes poner un contenedor (div que contenga todo el body), y aplicarle este estilo:

Código:

#contenedor {
  width:50%;
  margin-left:auto;
  margin-right:auto;
 }