Foros del Web » Creando para Internet » CSS »

table vs div

Estas en el tema de table vs div en el foro de CSS en Foros del Web. Hola amigos. Actualmente todos hablan de ir eliminando las tablas y empezar a usar etiquetas DIV para diagramar las webs. Probe hacerlo con DIVs pero ...
  #1 (permalink)  
Antiguo 17/07/2006, 12:56
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 21 años
Puntos: 4
Mensaje table vs div

Hola amigos.

Actualmente todos hablan de ir eliminando las tablas y empezar a usar etiquetas DIV para diagramar las webs.

Probe hacerlo con DIVs pero no entiendo la ventaja de hacerlo de esta manera. Alguien me puede explicar que ganamos haciendo esto?
  #2 (permalink)  
Antiguo 17/07/2006, 13:09
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 19 años, 1 mes
Puntos: 4
http://www.csszengarden.com/ de lado derechio aparece select desing dale clikc al que quieras (en el codgio fuente la infromacion es la misma, solo cambia las hoja de stylos)
  • codigo mucho mas reducido (paginas mas lijeras)
  • Webs compatiles con todos los navegarodes (respentado estandares), inclullendo: wap, pocket pc, pamls , celulares.
  • separas el contenido del diseño
  • mas facil de cambiar actulaizar (cambiar la estrucutra) solo muebe el css y listo
y de seguro existen mas...:
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 17/07/2006, 13:17
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 20 años, 4 meses
Puntos: 2
Por supuesto:

Ventajas superficiales:


Código más pequeño y legilble: Tus elementos no estarán sepultados bajo toneladas de etiquetas asociadas a tablas. Por consecuencia...

Menor tamaño de de descarga y consumo de ancho de banda: No hace falta mencionar sus ventajas monetarias y de desempeño.

Ventajas más "profundas":

El objetivo no es en realidad "sustituye tablas por divs", el verdadero objetivo es crear marcado semántico. Utilizar los elementos para lo que fueron diseñados. Sin lugar a dudas el marcado semántico juega un papel fundamental en lo que se ha dado en llamar "Web 2.0" (término que personalmente no me gusta).

Si lo juntas con una separación del contenido y presentación obtienes:


La posibilidad de rediseñar tu sitio completo ¡Sin tocar el (X)HTML!

Visita: http://www.effectivetranslations.com/stupidtables/
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #4 (permalink)  
Antiguo 17/07/2006, 13:18
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 21 años
Puntos: 4
Ok ya veo.

El único tema es tratar con los divs. En el sentido que a veces es mucho más facil usar una tabla que ir hubicando los divs.

Bueno seguiré investigando sobre posicionar divs.

Gracias fer10
  #5 (permalink)  
Antiguo 17/07/2006, 13:25
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 21 años
Puntos: 4
Estaba escribiendo mi respuesta cuando KnowDemon escribió.

Pero la idea sigue sienco combinar divs con css con tablas o no? O sería tratar de eliminar por completo las tablas?
  #6 (permalink)  
Antiguo 17/07/2006, 13:30
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 19 años, 1 mes
Puntos: 4
todo para lo que se creo:
divs para marquetar (no recuerdo como se le dice en este momento,modulos algo asi)
y tablas para tabular la infromacion
__________________
Saludos
FT.
www.fernando.com.mx
  #7 (permalink)  
Antiguo 11/09/2008, 10:18
 
Fecha de Ingreso: agosto-2008
Mensajes: 3
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: table vs div

Cita:
Iniciado por micayael Ver Mensaje
Hola amigos.

Actualmente todos hablan de ir eliminando las tablas y empezar a usar etiquetas DIV para diagramar las webs.

Probe hacerlo con DIVs pero no entiendo la ventaja de hacerlo de esta manera. Alguien me puede explicar que ganamos haciendo esto?
Pues he de confesar que yo soy de la vieja camada de los que nos enseñamos a usar tablas solamente y no me podia quedar callado. He de comenzar explicando que el uso de tablas aun es justificable, por ejemplo en sistemas web, donde tienes que mostrar información extraida de bases de datos, esto es debido a que las divs en ningun momento vienen a ser un reemplazo de las tablas.

Tomando el ejemplo anterior, con las tablas es mucho mas fácil controlar donde mostrar la información de cada campo y cuanto debe medir cada celda, esto se logra solamente especificando las propiedades de celda, en cambio con divs y css es un dolor de cabeza estar especificando anchos para cada div, lo que al final de cuentas te aumenta el código (¿dónde está el ahorro de código?).

A punto personal, el código usando tablas tiene mejor estructura que el uso de solo divs.

Yo recomiendo usar divs para moldear el cuerpo de la página, pero para mostrar información, como reportes, listas y en si información extraida de una bd usar tablas.

saludos.
  #8 (permalink)  
Antiguo 11/09/2008, 11:09
 
Fecha de Ingreso: junio-2008
Mensajes: 145
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: table vs div

Hombre los divs hay que combinarlos con las listas y los css para poder hacer de todo o prácticamente de todo, está claro que al principio cuesta acostumbrarse a usarlos y hay cosas que pueden ser más incómodas pero en principio lo suyo es usar las tablas sólo para mostrar tablas de datos como en el caso de esta página:

http://www.tresdobleu.com/v2/index.p...ask=view&id=51
  #9 (permalink)  
Antiguo 11/09/2008, 11:16
 
Fecha de Ingreso: noviembre-2003
Ubicación: Paraguay
Mensajes: 382
Antigüedad: 21 años
Puntos: 4
Respuesta: table vs div

Hola a todos.

Muchas gracias por responder. en estos dos años fui entendiendo más sobre este tema y me gustaría dejar también mi opinión de nuevo respondiendo también a mi pregunta jaja.

En cierta manera estoy de acuerdo con luis_diaz2. Lastimosamente los desarrolladores seguimos teniendo a veces bastantes problemas a la hora de usar CSS no solamente para formatear sino también para estructurar las páginas. Los estandares de los navegadores a veces pueden volvernos locos a todos (hablando especificamente de IE6 jjajaja)

De todas maneras ya hice 4 proyectos puramente con DIVs y CSS y realmente como dicen fer10 y knowDemon el código es reducido en un porcentaje muuy significativo lo que impacta en la descarga de la página para los usuarios.

Esto de puro CSS con DIVs me resulto relativamente sencillo (después de mucha investigación) con diseños flotantes, esos que quedan centrados dentro de la página pero, para los diseños en donde el scroll empieza a tomar control y la página crece hacia abajo me resulta mucho más sencilla maquetarlo con tablas.

En resumen, a mi forma de pensar, creo que la utilización de DIVs tiende a crecer cada vez más y vale la pena. Cuando sea muy dificil apoyemosnos con las tablas intentando reducir la mayor cantidad de TDs TRs posibles para no ensuciar el código de nuestras páginas.

Muchas gracias a todos por su tiempo
  #10 (permalink)  
Antiguo 11/09/2008, 11:36
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Respuesta: table vs div

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 03:39.