Hola a todos:
A ver si me podeis ayudar.
Tengo dos divs flotando uno al lado del otro.
Uno tiene una anchura del 50% y el otro 37%.
En el caso de que desapareciese uno de ellos (en este caso el de 37%), cómo
podría hacer para que el de 50% pasase a ocupar todo el ancho del contenedor en
el
Puedes usar clases múltiples:
div class=pagina una-columna/div
.pagina { width:50%; }
.pagina.una-columa { width:100%; }
Salud!
Alberto García
*
El 17/11/2010, a las 14:04, hugo sierra escribió:
Hola a todos:
A ver si me podeis
Alberto, gracias. Pero con esto no lo consigo.
From: albe...@katiuskas.com
Date: Wed, 17 Nov 2010 14:35:14 +
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] anchos variables
Puedes usar clases múltiples:
div class=pagina una-columna/div
.pagina { width:50%; }
.pagina.una
No lo consigues porque no le has añadido la nueva clase.
Lo que tú pides:
div
div style=width:50%A/div
div style=width:45%B/div
/diiv
y..
div
div style=width:50%A/div !-- como puedes ver no va a medir 100% --
/diiv
Como puedes ver no es posible;
--
El 17 de noviembre de 2010 17:17, Jimmy Collazos || acido || cuatroxl.com
acid...@gmail.com escribió:
No lo consigues porque no le has añadido la nueva clase.
Lo que tú pides:
div
div style=width:50%A/div
div style=width:45%B/div
/diiv
y..
div
div style=width:50%A/div !-- como
Si no etendí mal el primer mensaje, prueba a meter un div dentro de otro, de
forma que cuando desaparezca el segundo, el primero ocupe todo el espacio.
Prueba lo siguiente (los bordes y padding los pongo para que veas el
resultado)
div
div style=width:50%; float:left; border: 2px solid #00;
Hola,
Después de un rato planteándome este pequeño reto creo que he dado con la
solución (si es que he entendido bien la pregunta).
/ start code /
html
head
style
#left, #right { border:1px solid black;}
#right {
/* display:none; /* Uncomment to simulate only
Perfecto!
Muchísimas gracias.
Un saludo.
H
Date: Wed, 17 Nov 2010 18:41:12 +0100
From: admin...@gmail.com
To: ovillo@lists.ovillo.org
Subject: Re: [Ovillo] anchos variables
Hola,
Después de un rato planteándome este pequeño reto creo que he dado con la
solución (si es que he entendido
fácil al darle un width:100%; ocupa todo el espacio de su elemento padre.
ahora si lo que quieres es que siga teniendo un ancho de 50% y quede
centrado utiliza margin:0 auto; sólo que el elemento tiene que ser relativo.
___
Lista de distribución Ovillo