Foros del Web » Creando para Internet » HTML »

width porcentual

Estas en el tema de width porcentual en el foro de HTML en Foros del Web. La cantidad de columnas es variable. Si tengo una tabla al 100% y 6 productos, el ancho de la columna deberia ser: ancho = 100 ...
  #1 (permalink)  
Antiguo 20/10/2008, 15:35
 
Fecha de Ingreso: octubre-2005
Mensajes: 405
Antigüedad: 12 años, 1 mes
Puntos: 1
width porcentual

La cantidad de columnas es variable.
Si tengo una tabla al 100% y 6 productos, el ancho de la columna deberia ser:
ancho = 100 / 6
lo que me daria un ancho de 16,6%

Como llevar valor 16,6% al width del td.

<td width=16,6% align=right id=linea>4</td>
Al parecer de esta forma asume 166% y lo que quiero es 16.6%

¿Porque esto no funciona? ¿Alguna idea de como hacerlo?

Como puedo traducir 16,6 % a 16.6%
  #2 (permalink)  
Antiguo 21/10/2008, 07:01
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: width porcentual

No te entiendo... funciona bien de las 2 maneras, aunque es 16.6%:
Código HTML:
<table width="100%" border="1">
<tr>
<td width="16.6%" align="right" id="linea">4</td>
<td width="16.6%" align="right" id="linea">4</td>
<td width="16.6%" align="right" id="linea">4</td>
<td width="16.6%" align="right" id="linea">4</td>
<td width="16.6%" align="right" id="linea">4</td>
<td width="16.6%" align="right" id="linea">4</td>
</tr>
</table> 
  #3 (permalink)  
Antiguo 21/10/2008, 07:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: width porcentual

Te recomiendo hacer esto:

Cita:
.linea{width:16,6%; text-align:right;}

<table width="100%" border="1">
<tr>
<td class="linea">4</td>
<td class="linea">4</td>
<td class="linea">4</td>
<td class="linea">4</td>
<td class="linea">4</td>
<td class="linea">4</td>
</tr>
</table>
  #4 (permalink)  
Antiguo 21/10/2008, 07:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: width porcentual

Aun más económico:

Cita:
#linea td {width:16.6%; text-align:right;}

<table width="100%" border="1" id="linea">
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
</table>
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 21/10/2008 a las 16:32 Razón: Fallo en una coma
  #5 (permalink)  
Antiguo 21/10/2008, 07:55
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: width porcentual

jejejejeejejejeje una sintaxis del resumen...
  #6 (permalink)  
Antiguo 21/10/2008, 15:11
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: width porcentual

lo que no entiendo es la primera frase...
Cita:
La cantidad de columnas es variable.
el num es variable? son 6? en que quedamos?

por otra parte hay un bug muy molesto del IE 6 que te lo menciono por si te lo llegas a encontrar... ie no admite décimos de px, sino que redondea... ejemplo
Navegador decente: 50% de 501 + 50% de 501 = 250.5 + 250.5 = 501
IE 6: 50% de 501 + 50% de 501 = 251 + 251 = 502
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 21/10/2008, 16:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: width porcentual

En este caso concreto:

#linea td{width:16.6%; text-align:right;}

creo que como en realidad no es 16.6, sino 16.66... período puro, el margen de error hace que funcione bien en IE6.
__________________
Visita mi nueva web idplus.org
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 00:02.