La información de columnas se unen y no distinguen inicio y fin

Bier · #1 (**permalink**) 10/09/2010, 02:28

Tengo unas páginas con tablas de columnas.
El problema es que en resoluciones muy chicas la información de las columnas se juntan y no sabe donde inicia y finaliza la información de cada una

Por ejemplo, en resoluciones amplias se visualiza así:
100 200 300 400 500

Pero en resoluciones chicas se visualiza así:
100200300400500

Para resolver lo anterior, he incluido entre cada columna una columna adicional, y con ello se resuelve el problema, pero al copiar la página para pegarla a Excel me quedan las columnas intercaladas que estan en blanco.

¿Como sugieren que deba resolver lo anterior?

Gracias

Bier · #2 (**permalink**) 10/09/2010, 02:29

He pensado insertar al inicio de cada dato un espacio
¿será buena solución?

emprear · #3 (**permalink**) 10/09/2010, 05:06

Bier:

Más bien podés solucionarlo aumentando el cellpadding o cellspacing de la tabla, ó si la estética lo permite , darle un borde a las celdas

saludos

Bier · #4 (**permalink**) 10/09/2010, 07:27

Cita:

Iniciado por emprear

Bier:

Más bien podés solucionarlo aumentando el cellpadding o cellspacing de la tabla, ó si la estética lo permite , darle un borde a las celdas

saludos

Algunas cantidades a mostrar son: 0.00, 10.00, 10,000.00, etc. por lo que su ancho es variable y se tendría que asignar un ancho fijo muy grande (del tamaño del máximo posible), lo que generaría desperdicio.
En el caso de mostrar bordes, por estética está descartado.

Gracias

Gracias

emprear · #5 (**permalink**) 10/09/2010, 08:52

Bier:
entiendo que como las cantidades y el espacio que ocupan son variables, no le des dimensiones a tus celdas, pero en ese caso cellspacing y cellpadding no van a transformar a tus celdas en celdas de tamaño fijo, simplemente agregaran el valor que señales al espaciado y relleno de celdas respectivamente.

<table border="0" cellspacing="2" cellpadding="2">

tambien puedes hacerlo desde css con padding: valorpxy, si te interesa que el relleno (qe actuará como separador) se produzca solo a la izquierda y derecha del texto

padding: 0px 3px 0px 3px; (arriba derecha abajo izq)

Lee algun tutorial básico de css y el modelo de caja

Saludos