Foros del Web » Creando para Internet » CSS »

equivalencia CSS a una tabla

Estas en el tema de equivalencia CSS a una tabla en el foro de CSS en Foros del Web. las tablas están en desuso, pero todavía no tengo claro como sustuirlas en algunas ocasiones. Ejemplo, tengo una tabla de 300px de alto, y tendro ...
  #1 (permalink)  
Antiguo 04/02/2010, 23:10
 
Fecha de Ingreso: enero-2004
Mensajes: 207
Antigüedad: 13 años, 10 meses
Puntos: 1
equivalencia CSS a una tabla

las tablas están en desuso, pero todavía no tengo claro como sustuirlas en algunas ocasiones.

Ejemplo, tengo una tabla de 300px de alto, y tendro 8 filas, la tabla me ajusta el temaño de cada fila dependiendo la cantidad de texto que hay en cada una, para que entre todas ocupen los 300px del alto total.

Ahora supongamos que lo quiero hacer en CSS y defino un div de 300px de alto. En su interior añado el texto, utilizando una lista u otros divs. Se van escribiendo uno tras otro hasta el total de los 8 textos que tengo en la base de datos. Pero el texto total no ocupa los 300px.

No puedo asignar un line-heigth o height fijos dividiendo los 300px/8 porque no sé cuantas lineas de texto ocupa cada una de las 8 frases, entonces ...

¿qué hago para lograr algo que una tabla hace de forma tan sencilla y automática?

gracias

Última edición por dblanco; 05/02/2010 a las 01:28
  #2 (permalink)  
Antiguo 05/02/2010, 01:18
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: equivalencia CSS a una tabla

Hola:

Las tablas "NO" están en desuso, solo que es preferible usarlas para mostrar datos tabulares... una lista es un dato tabular de una sola columna, pero como existen las listas, es preferible usarlas en esos casos... si llevan más de una columna, es una tabla (o lista con más de una columna)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 05/02/2010, 01:28
 
Fecha de Ingreso: enero-2004
Mensajes: 207
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: equivalencia CSS a una tabla

me autorespondo, acabo de descubrir que sí se puede:

Código:
#tabla {
  	display: table;
  	width: 400px;
  	height: 300px;
}
 
#fila {
  	display: table-row;
}
 
#columna {
  	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

PD en Iexplorer no se ajusta la altura completa del DIV

Última edición por dblanco; 05/02/2010 a las 02:43

Etiquetas: tablas
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:33.