Foros del Web » Creando para Internet » CSS »

Problema al redimensionar una capa

Estas en el tema de Problema al redimensionar una capa en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/12/2008, 16:40
 
Fecha de Ingreso: enero-2005
Mensajes: 114
Antigüedad: 12 años, 10 meses
Puntos: 0
Problema al redimensionar una capa

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
  #2 (permalink)  
Antiguo 03/12/2008, 17:35
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema al redimensionar una capa

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
  #3 (permalink)  
Antiguo 03/12/2008, 17:47
 
Fecha de Ingreso: enero-2005
Mensajes: 114
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Problema al redimensionar una capa

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.
  #4 (permalink)  
Antiguo 03/12/2008, 17:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema al redimensionar una capa

Cita:
Iniciado por AlexWeb Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 04/12/2008, 02:00
 
Fecha de Ingreso: enero-2005
Mensajes: 114
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Problema al redimensionar una capa

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
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 05:25.