Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] ancho automatico de un div

Estas en el tema de ancho automatico de un div en el foro de CSS en Foros del Web. okey miren echenme una manito llevo una semana sin saber como solucionarlo tengo un contenedor dentro dos divs uno 70% ancho y el otro 30% ...
  #1 (permalink)  
Antiguo 28/04/2014, 22:37
Avatar de dhayzon  
Fecha de Ingreso: abril-2013
Ubicación: mx
Mensajes: 64
Antigüedad: 9 años, 7 meses
Puntos: 0
ancho automatico de un div

okey miren echenme una manito llevo una semana sin saber como solucionarlo

tengo un contenedor
dentro dos divs


uno 70% ancho y el otro 30% ancho estan juntos ok uno con float left y el otro con float right

ahora bien yo tengo una accion con javascript q hace q eliine el bloque menor con un display none
pero el problema es q yo quiero q al eliminar el mayor de 70% ocupe el 100% del div padre ;-; no me sale el div se queda quieto y queda en blanco el espacio del div menor
  #2 (permalink)  
Antiguo 29/04/2014, 00:22
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 11 años
Puntos: 55
Respuesta: ancho automatico de un div

Prueba a NO darle ancho al div mayor
  #3 (permalink)  
Antiguo 29/04/2014, 02:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 4 meses
Puntos: 2114
Respuesta: ancho automatico de un div

Una solución mediante CSS sería, primero alterar el orden en el que aparecen los elementos en el markup:

Código HTML:
Ver original
  1. <div class="derecha"></div>
  2. <div class="izquierda"></div>

Fíjate que está primero el de la derecha y no el de la izquierda. Luego los colocas el de la derecha a la derecha y al de la izquierda le pones un overflow, sin flotarlo ni especificarle ningún ancho:

Código CSS:
Ver original
  1. .izquierda {
  2.   overflow: hidden;
  3. }
  4.  
  5. .derecha {
  6.   float: right;
  7.   width: 30%;
  8. }

Ahora si ocultas el de la derecha, el de la izquierda ocupará automáticamente el espacio sobrante.
  #4 (permalink)  
Antiguo 29/04/2014, 06:08
Avatar de dhayzon  
Fecha de Ingreso: abril-2013
Ubicación: mx
Mensajes: 64
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: ancho automatico de un div

Cita:
Iniciado por pzin Ver Mensaje
Una solución mediante CSS sería, primero alterar el orden en el que aparecen los elementos en el markup:

Código HTML:
Ver original
  1. <div class="derecha"></div>
  2. <div class="izquierda"></div>

Fíjate que está primero el de la derecha y no el de la izquierda. Luego los colocas el de la derecha a la derecha y al de la izquierda le pones un overflow, sin flotarlo ni especificarle ningún ancho:

Código CSS:
Ver original
  1. .izquierda {
  2.   overflow: hidden;
  3. }
  4.  
  5. .derecha {
  6.   float: right;
  7.   width: 30%;
  8. }

Ahora si ocultas el de la derecha, el de la izquierda ocupará automáticamente el espacio sobrante.
gracias a los dos , pzin! me funciono perfecto

Etiquetas: contenedor, javascript
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 06:16.