Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/02/2011, 06:03
Avatar de AubeRoseau
AubeRoseau
 
Fecha de Ingreso: diciembre-2010
Ubicación: Sevilla
Mensajes: 90
Antigüedad: 13 años, 3 meses
Puntos: 2
Mostrar un elemento por encima de otro

¡Hola! A ver si consigo explicar bien lo que pretendo.

Tengo un div cuyas dimensiones son por ejemplo 500x500 píxeles.
Dentro de este div tengo otro con las mismas dimensiones.
Y fuera del segundo div, pero dentro del primero, tengo otro con dimensiones inferiores. El caso es que pretendo que este último div se vea por encima del anterior, pero no sé como hacerlo. Dejo código:

Código HTML:
Ver original
  1. <div class="box1">
  2.         <div class="box2"> </div>
  3.          <div class="box3"> </div>
  4. </div>

Código CSS:
Ver original
  1. .box1 {
  2.     width: 500px;
  3.     height: 500px;
  4.     }
  5. .box2 {
  6.     width: 100%;
  7.     height: 100%;
  8.     }
  9. .box3 {
  10.     width: 100%;
  11.     height: 40px;
  12.     display: block;
  13.     position: relative;
  14.     bottom: 0;
  15.     margin-top: 440px;
  16.     }

El caso es que box3 no se ve. ¿Alguien sabe como solucionar esto?

Gracias de antemano.