DIV's con Javascript...

andrewp · #1 (**permalink**) 04/12/2007, 13:17

Saludos...

Intentaré explicar bien mi problemilla... Tengo un par de <DIV> en cierta parte de mi HTML. Uno de ellos de puede ver al entrar la página y el otro está oculto. A través de un evento en un vínculo hago que aparezca automáticamente el segundo <DIV> con un texto que este incluye en su interior.

Ambos <DIV> están en un área limitada de 400px de alto por 400px de ancho en medio de la página.

Cuando la página entra en escena se ve perfectamente el primero pero aparece un vacío en la parte inferior de la misma (el <DIV> vacío) una vez se clica sobre el vínculo dicho espacio de llena (por decirlo de alguna manera) con el segundo <DIV> oculto.

De qué manera podría hacer que ese espacio vacío no se vea y solo aparezca el scroll derecho con dicho espacio ocupado por el segundo <DIV>?

Gracias por vuestra ayuda.

Saludos!

jabi · #2 (**permalink**) 04/12/2007, 16:41

Se me ocurre que quizás estés usando 'visibility:hidden' en vez de 'display:none' y por eso aparece el mencionado hueco

Prueba con display:none, que además de ocultar un objeto "hace desaparecer" el espacio que ocupa.

Saludos

andrewp · #3 (**permalink**) 05/12/2007, 05:35

Gracias Jabi...

El problema es que el script funciona con visibility: true/false. Lo he probado con el display:none; y no tiene efecto el script.

JavierB · #4 (**permalink**) 05/12/2007, 05:41

Hola andrewp

Me suena raro

Pon el código que estás usando para echarle un ojo.

Saludos,

Eourus · #5 (**permalink**) 05/12/2007, 05:50

Hay script por este foro que funcionan con "display:none", buscalos y hechales un vistazo.

metacortex · #6 (**permalink**) 05/12/2007, 19:24

Hace tiempo tuve el mismo problema, el cual al final radicaba en el javascript, que también tenía sus estilos. Al parecer lo que te está afectando es un padding oculto por ahí. O un margin-bottom de la capa sujeta al div contenedor. Intenta darle a tu contenedor un padding-bottom: 0 !important; o bien un margin-bottom: 0 !important a la capa que esté inmediatamente sujeta a ésta.

Aunque lo correcto sería que examinaras bien ese Js e identificaras la fuente directa del problema. Es posible que lo explicado arriba no solucione el problema en IE.

Por cierto ¿cuál es el nombre de ese script y qué es lo que hace? Quizás te pueda ayudar a conseguir uno más simple que haga lo mismo y no te dé esos problemas.

Saludos.