Ver Mensaje Individual
  #11 (permalink)  
Antiguo 03/11/2010, 09:52
PrendekZ
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 5 meses
Puntos: 17
Respuesta: Movimiento de capas absolutas

@Angel71, No quiero ser el malo del paseo pero muchas veces es mejor aprender por nuestra cuenta como realizar o como funciona.

Si es bien al caso te explicare por si no haz entendido o no sabés:

Una capa Absoluta se comporta como una capa flotante, que si le das un tamaño en top, left, right o bottom se comportara a través de la pantalla de su computador, cuando una capa Absoluta esta dentro de una capa Relativa es decir:

Cita:
<div id="contenedor">
<div id="capaAbsoluta">
</div>
</div>
CSS:

Cita:
#contenedor{width:960px; margin:0 auto;}
#capaAbsoluta{background:#000; width:200px; height:200px; position:absolute; bottom:0; right:10px;}
El anterior código la capa Absoluta estara flotando pegado abajo de tu pantalla, y 10px de espacio al lado izquierdo de tu pantalla.

Para que la capa Absoluta se comporte por medio de un contenedor, a la capa padre o contenedora es decir en este caso el div contenedor hay que colocarte position:relative, es decir:

Cita:
<div id="contenedor">
<div id="capaAbsoluta">
</div>
</div>
CSS:

Cita:
#contenedor{width:960px; margin:0 auto; position:relative;}
#capaAbsoluta{background:#000; width:200px; height:200px; position:absolute; bottom:0; right:10px;}
Ahora la capa Absoluta flotara pegado abajo de tu contenedor y 10px de espacio del contenedor.

Si tienes dudas postea!

Saludos!