Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Ancho de li alcancen el 100%

Estas en el tema de Ancho de li alcancen el 100% en el foro de CSS en Foros del Web. Hola, estoy usando jquery tabs y deseo que los headers ocupen el 100% del contenedor. Pero la cuestion es que la cantidad de tabs pueden ...
  #1 (permalink)  
Antiguo 23/02/2013, 17:02
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 15 años, 9 meses
Puntos: 35
Ancho de li alcancen el 100%

Hola,
estoy usando jquery tabs y deseo que los headers ocupen el 100% del contenedor.
Pero la cuestion es que la cantidad de tabs pueden variar es por eso que no puedo darles un valor fijo porcentual.
Ej.
Tab1 width: 50%
Tab2 width: 50%
Si se crean un nuevo tab, el ancho seria
Tab1 width: 33%
Tab2 width: 33%
Tab3 width: 33%
Como podria resolver esto sin acudir a javascript?
__________________
I am Doyle please insert code.
  #2 (permalink)  
Antiguo 23/02/2013, 17:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Ancho de li alcancen el 100%

Sólo se me ocurre que pueda hacerse simulando celdas, ya que estas se adaptan solas.

Código CSS:
Ver original
  1. li {
  2.   display: table-cell;
  3. }
  #3 (permalink)  
Antiguo 23/02/2013, 18:56
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 15 años, 9 meses
Puntos: 35
Respuesta: Ancho de li alcancen el 100%

Funcionó!
solo tuve que agregar display:table-row al ul y un contenedor con display:table
y eliminar los float:left.
Gracias!!
__________________
I am Doyle please insert code.

Etiquetas: ancho
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 07:14.