Ver Mensaje Individual
  #10 (permalink)  
Antiguo 19/09/2010, 12:45
Avatar de bex
bex
Colaborador
 
Fecha de Ingreso: julio-2003
Ubicación: Buenos Aires
Mensajes: 2.484
Antigüedad: 21 años, 4 meses
Puntos: 34
Respuesta: problema con banner flash desplegable

Bueno viene bien la cosa. Lo único que te falta es posicionar el div que aparece, por encima del original.

Vamos a hacer lo siguiente...
  1. Creá los dos flash en los tamaños correspondientes y ubicalos en los divs correspondientes.
  2. Al div #flotante metelo al final del div #mostrarDiv. O sea, que #flotante esté dentro de #mostrarDiv.
  3. Al div #mostrarDiv agregale:
    Código CSS:
    Ver original
    1. position:relative;
  4. Al div #flotante dejale lo que tiene y agregale:
    Código CSS:
    Ver original
    1. position:absolute;
    2. top:0;
    3. left:0;
Y eso es todo!

Cuando un elemento está posicionado de forma absoluta, usa left y top (o right y bottom) para posicionarse. Esas dos propiedades toman la esquina superior izquierda del primer elemento contenedor que tenga declarada la propiedad position, independientemente de su valor. Si no hay ningún contenedor con la propiedad declarada, simplemente toma la esquina superior izquierda del body.

En este caso le estamos diciendo a #flotante que se posicione a 0 px a la izq y a 0 px desde arriba de la esquina superior izquierda de #mostrarDiv, es decir que esté en la misma posición.

Avisame cuando lo tengas y vemos si salió bien!

Última edición por bex; 19/09/2010 a las 12:52