Problema al redimensionar una capa

[AlexWeb]

Saludos!

Estoy maquetando una página, tengo una capa contenedor con 2 capas dentro, una que tiene una imagen y la otra un textarea, de esta manera:

<div id="contenedor">
<div id="imagen">
<img src="noexisto.jpg" alt="imagen_seleccionada"/>
</div>
<form action="get">
<div id="texto">
<textarea cols="30" rows="4" readonly="readonly">HOLA HOLA HOLA</textarea>
</div>
</form>
</div>

El problema con el que me encuentro es que con javascript quiero modificar constantemente la altura de la capa contenedor, para hacer una especie de efecto de aparecer/desaparecer, pero me encuentro con el problema de que las 2 capas que hay dentro de la capa contenedora no siguen a ésta, sino que se quedan enmedio y no desaparecen.

A alguien se le ocurre alguna manera para solucionar este problemilla?

ALEX

[willyfc]

Creo que tu pregunta debería ir en foro de javascript, es eso o no te estoy entendiendo muy bien, pon las propiedades css que estas usando para que veamos que podemos hacer

[AlexWeb]

No tienen nada en especial, son éstas:

#contenedor {
border-width: 3px;
border-color: #666666;
border-style: solid;
background-color: #dddddd;
visibility: hidden;
}

textarea {
font-family: "Comic Sans MS",arial,helvetica;
background-color: #dddddd;
border-style: none;
overflow: hidden;
color: #ff0000;
font-weight: bold;
}

#imagen {
margin: 4px 4px 1px 4px;
float:left;
}


Quizás no me he explicado bien, lo que quiero decir es que necesito que si la capa "contenedor" tiene una altura menor que la altura de la imagen, entonces se vea sólo el trozo de la imagen que cabe en el contenedor (si el contenedor tiene altura 100 y la imagen altura 200, pues sólo veríamos 100 píxeles de alto de la imagen), y lo mismo para la capa del textarea.

Lo que me pasa ahora es que la capa de la imagen sale de la capa contenedor si éste tiene una altura menor que la de ésta.

[Mikmoro]

Iniciado por AlexWeb

Quizás no me he explicado bien, lo que quiero decir es que necesito que si la capa "contenedor" tiene una altura menor que la altura de la imagen, entonces se vea sólo el trozo de la imagen que cabe en el contenedor (si el contenedor tiene altura 100 y la imagen altura 200, pues sólo veríamos 100 píxeles de alto de la imagen), y lo mismo para la capa del textarea.

Lo que me pasa ahora es que la capa de la imagen sale de la capa contenedor si éste tiene una altura menor que la de ésta.

No sé para qué usas el visbility:hidden, pero para lo que dices, creo que deberías usar en #contenedor un overflow: hidden.

[AlexWeb]

Gracia Mikmoro, el overflow: hidden; ha funcionado a las mil maravillas!!!

Lo de tener visibility: hidden; es sólo cuando se carga la página al principio, porqué de entrada me interesaba tener la capa escondida, luego con javascript ya la muestro más adelante!

Muchísimas gracias por todo!!

ALEX