Buenas.
Estoy haciendo una web y quiero conseguir lo siguiente:
Como se puede ver, tengo 2 divs verdes, que en el futuro serían imágenes, y quiero que esten por encima de otros dos divs, que serían el morado y el rosa, pero quiero que los divs verdes se mantengan fijos en esa posicion, cosa que por ahora he conseguido. El problema es que al redimensionar la ventana, ocurre esto:
¿Qué podría hacer para que la proporción de las imágenes se mantuviese en la segunda foto parecida a la de la primera? Es decir, por debajo del texto y con media imagen sobre la capa morada y otra media sobre la capa rosa. Dejo los CSS que tengo por si sirve de ayuda:
Código:
.fotoProyectos1 {
width: 25%;
height: 65%;
background-color:green;
position: absolute;
top:155%;
left:0%;
border: 1px solid black;
padding-top: 25px;
}
.fotoProyectos2 {
width: 25%;
height: 65%;
background-color:green;
position: absolute;
top:155%;
left:25%;
border: 1px solid black;
padding-top: 25px;
}
Gracias y un saludo.