cajas que parezcan tablas de datos

[trevol]

me indicar donde hay ejemplos de este tipo de cajas. SI es que lo hay. Gracias.

[cristian_cena]

Hola trevol:

a lo mejor te refieres a "display:table;" puedes mirar aquí http://www.librosweb.es/referencia/css/display.html

saludos

[Mikmoro]

Aquí y aquí

[deirdre]

Sólo comentar el errático comportamiento de 'display: table;' en ie6 y en ie7. Su uso, sin las correcciones necesarias, es un arma peligrosa debido al porcentaje elevadísimo de usuarios de ie6+ie7. Creo que este dato es importante para algunos principiantes en esta materia.

[cristian_cena]

Hola deidre, que interesante lo que dices, tienes algun link que sugerir sobre todo respecto de "las correcciones necesarias".

Saludos!

[Mikmoro]

Por extraño que parezca, el segundo ejemplo que he puesto no usa ningún display table.

[trevol]

gracias mikmoro, cristian cena, deidre. Vaya rollo si ya cuesta maquetar con css, pues encima corregir para navegadores... y siempre el mismo dichoso internet explorer....

[deirdre]

Hola...

Cristian: Con "correcciones necesarias" quiero decir que es imprescindible, al utilizar display: table, el uso de recursos en formato condicionales para los navegadores 'analfabetos' (léase iexplorer 6 y 7), , instrucción que los navegadores 'inteligentes' (léase ff, safari, opera...) representan perfectamente. El uso alternativo, en condicionales, para los 'analfabetos' pasa necesariamente por la implementación de tablas.

Mikmoro: Me interesa mucho tu segundo ejemplo. Lo he guardado para estudiarlo. Este ejemplo de poner una tabla sin tabla me parece estupendo (y va bien en los 'analfabetos'). Acabo de probarlo en opera 10, safari 4 y ff 3+ y solapan la tercera "columna" sobre la primera. Supongo que se podrá arreglar fácilmente, porque el procedimiento me parece muy bueno.

Bye

[Mikmoro]

Sí, estaba hecho hace tiempo (Opera 9, Safari 3, FF2, Konkeror). Veré si lo puedo corregir, no obstante era un simple divertimento para una consulta de hace mucho tiempo: para dibujar una tabla, lo mejor es usar una tabla
No hay que ser más papistas que el papa

[kseso?]

Iniciado por Mikmoro

No hay que ser más papistas que el papa

+1
Dejémos a las tablas su función (y ese ejemplo es un claro ejemplo)
Sobre el solapamiento, sólo es cuestión de la anchura de #tabla (aumentarla) o de disminuir la de #tabla ul li
(para que dediques tus pensamientos a otros aspectos más productivos para nosostros )

Un saludo

[Mikmoro]

Sí, efectivamente era sólo que ese contenedor era un poco justo así que con aumentarlo un poco (de 500 a 510px) era suficiente:

#tabla {
width: 510px;
margin: 10px;
}

Sólo por si quieres mirarte un poco el código y ver cómo está hecho por pura curiosidad.

[cristian_cena]

Gracias deirdre, entendiendo de lo que hablabas te pedía material. Cuando te cite "correcciones necesarias" hacía referencia a que si tendrias algun link que trate el tema de la propiedad display:table; para IE 6 y 7.

Saludos!

[deirdre]

Tal como habéis precisado basta con ampliar un poco el tamaño del contenedor.

Es un bonito ejercicio Mik, aunque sólo sea en plan teórico. Estupendo!

Cristian, trataré de encontrar algún código que monte display: table y que lleve los ajustes (tablas en condicionales) necesarios para ie6 y 7. Ahora no recuerdo donde lo tengo, pero lo buscaré.

Bye

[cristian_cena]

Desde ya muchas gracias por ese codigo Deirdre. saludos

[deirdre]

Hola Cristian

He estado ausente del foro estos últimos días pero no me he olvidado que había quedado pendiente este hilo.

He construido un pequeño 'ejercicio' sobre este tema de display:table y, quizás, si es de tu interés aquí lo puedes descargar.

Bye

[cristian_cena]

Hola deirdre, buenisimo el ejemplo!!! ya habia olvidado este hilo y valla sorpresa me das, muchísimas gracias, lo estudiaré con gusto!!!