Estoy hace poco con esto del CSS y quiero hacer algo que no logro:
<cuerpo de documento>
<imagen esquina superior derecha>
<imagen esquina inferior derecha>
</fin de cuerpo de documento>
Ambas imágenes son divs, lo que quiero es colocar un div entre las dos imágenes y que me repita una imágen. No debe importar la distancia a la que están las imágenes
Tengo algo así:
#corner_arriba {
position:absolute;
background-image:url(corner_tr.png);
top:0px;
right:0px;
height:200px;
width:200px;
margin:0;
padding:0;
}
#corner_abajo {
position:absolute;
background-image:url(corner_bl.png);
bottom:0px;
left:0px;
height:200px;
width:200px;
margin:0;
padding:0;
}
#fondo_izquierda {
position:absolute;
background-image:url(back_r.png) !important;
background-repeat:repeat-y;
top:200px;
right:0px;
height:???; //Esto es lo que quiero saber!!
width:50px;
}
<div id="corner_arriba"></div>
<div id="fondo_izquierda"></div> //Quiero ajustar esta caja justo entre las otras dos SIEMPRE
<div id="corner_abajo"></div>
Gracias de antemano
Espero me puedan ayudar