Hola a tod@s,

Tengo un div que contiene dos imágenes. Una la quiero situar en la parte 
superior de la capa y la otra en la parte inferior. Para ello el div lo 
he puesto como position relative y les he puesto position absolute a las 
imágenes. El caso es que la imagen de superio me la muestra bien pero la 
que tiene que estar en la parte inferior aparece en el medio del div. He 
hecho varias pruebas y cambios pero nada. Este es el código:

<div style="height:2cm;" id="capadist">
<img src="imagenes/cruz.gif" id="raya" />
<img src="imagenes/punto.gif" id="cruz" />
</div>

Y este es el css:

#capadist {
     position: relative; overflow: hidden;
}

#raya {
     position:absolute; top: 0; left: 21px; display: block;
}

#cruz {
     position:absolute; bottom: 0; left: 21px; display: block;
}

El problema me pasa con IE8, IE9 e IE10 pero con las versiones 
inferiores se ve correctamente. No me explico que estoy haciendo mal...

Un saludo,

Nacho
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a