Hola amigos, os escribo por que ya no se como solucionar el problema que tengo.
Lo que quiero es que un div se superponga a otro div, y el borde inferior del primer div esté alineado con el borde inferior del segundo div. Estos dos divs se encuentran dentro de un div contenedor. Seguro que es algo muy facil, pero no se como puedo hacerlo.
Dejo una imágen explicativa:
Mi intención es que el div que contiene la imagen quede situado de la siguiente manera:
Este es el codigo css del div contenedor:
Código:
#wrapper {
width:100%;
height:100%;
margin:auto;
overflow:hidden;
background-color:transparent;
}
Este es el código css del div menu:
Código:
header {
width:1200px;
height:120px;
margin:40px auto auto auto; /* orden: arriba derecha abajo izquierda */
overflow:hidden;
display:block;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background-color:#ffffff;
}
Este es el codigo css del div que contiene la imagen:
Código:
#sliderimage {
width:1200px;
height:800px;
overflow:hidden;
border:2px #F00 double;
z-index:2;
background-color:transparent;
}
Y este es el código del div sobre el que se debe superponer:
Código:
#baseslider {
width:1200px;
height:640px;
margin:21px auto 21px auto; /* orden: arriba derecha abajo izquierda */
overflow:hidden;
z-index:1;
background-color:#ffffff;
}
Si alguien me pudiese ayudar, se lo agradecería mucho. Estoy seguro de que es facilísimo, pero no he descubierto como hacer esto.
Muchísimas gracias de nuevo.